小编Nil*_*jan的帖子

我正在开发AngularJs中的一个小项目,我试图将用户名和密码存储到浏览器cookie中.

这是我的app.js代码.你可以看到我已经注入了ngCookies作为依赖注入.

var app = angular.module('myApp', ['ui.router', 'myApp.routes', 'ngCookies']);

以下是我的登录控制器.

app.controller('loginCtrl', function($scope, loginService) {

    $scope.login=function(user){
        loginService.login(user);
    }

});

这是我的服务,它调用数据进行身份验证

app.factory('loginService', function($http, $state, $cookies){
    return{
        login:function(user){
            var storedUser = $http.get('data/user.json').
                success(function(data) {

                if(user.email === data.email && user.password === data.password ){
                    //var favoriteCookie = $cookies.get('userEmail');
                    $cookies.put("userEmail", user.email);
                    $cookies.put("password", user.password);    
                    $state.go('dashboard', {});
                } else {
                    alert("Invalid Username or Password");
                }

                })
            }
        }
});

当我运行我的项目时,我收到此错误.$ cookies.put不是控制台中的函数.

注意:AngularJs和Angular-cookies的版本是AngularJS v1.2.28

我有一个箭头图像需要紧跟每个段落中最后一句的句号.此图像由需要链接到另一页面的href包围.我无法弄清楚如何让这个箭头自动定位在句子的句子旁边(vs左右对齐到边缘.)因为图像周围的href,使用背景图像并不适合我.我知道有一些方法可以链接div,但如果可能的话,我宁愿不以这种方式处理它.

这是实时代码:http://codepen.io/trevoray/pen/LVxYrv

HTML:

<div class="column-4-layout">
    <div class="left-column">
        <div class="column-container"> <a href="/renderContent/about/vp/vision.asp"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/189477/financialPolicy-spl.jpg" /></a> 
             <h2>Vision and Policies</h2> 
            <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque ac nunc eu placerat. Sed vulputate iaculis est vitae gravida. Praesent accumsan leo dapibus aliquam interdum. Vestibulum quis nisl volutpat, tempus metus id, scelerisque erat. Suspendisse sed vestibulum magna. Maecenas dignissim, neque ac accumsan molestie, eros felis sagittis sem, sed tempus nunc turpis sed ex. Praesent elit diam, bibendum sed aliquam …

在我的代码中删除工作第一行但后续行不起作用

HTML代码:

<table class="table table-striped table-bordered table-hover table-condensed tableSiteUser">
    <thead>
        <tr>
            <th>#</th>
            <th>User</th>
            <th>Channel</th>
            <th>Action</th>
        </tr>
        <tr>
            <td contentEditable="true">1</td>
            <td contentEditable="true">www.google.com</td>
            <td contentEditable="true">channel-1</td>
            <td contentEditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">delete</span>
            </td>
        </tr>
    </thead>
    <tbody id="site-table-body"></tbody>
</table>

javascript代码:

$('.table tbody').append('<tr><td contenteditable="true">1</td><td contenteditable="true">1</td><td contenteditable="true">1</td><td contenteditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">del</span></td></tr>');

$('.table').on('keydown', 'td:last-child', function (e) {
    var keyCode = e.keyCode || e.which;

    if (keyCode == 9) {
        $('tbody').append('<tr><td contenteditable="true">2</td><td contenteditable="true">2</td><td contenteditable="true">2</td><td contenteditable="true"><span class="glyphicon glyphicon-trash form-control row-remover">del</span></td></tr>');
    }
});

$('span.glyphicon-trash').on('click', function () {
    $(this).closest('tr').remove();
});

小提琴链接: …