标签: angularjs

如何在一次点击中添加许多功能?

我一直在寻找如何执行这个,但到目前为止我找不到任何相关的东西,:(我可以嵌套这两个函数是的,但我只是想知道这是否可行?我想这样做:

<td><button class="btn" ng-click="edit($index) open()">Open me!</button></td>
Run Code Online (Sandbox Code Playgroud)

我的JS代码目前:

$scope.open = function () {
  $scope.shouldBeOpen = true;
};      

$scope.edit = function(index){

  var content_1, content_2;
      content_1 = $scope.people[index].name;
      content_2 = $scope.people[index].age;

  console.log(content_1);
};
Run Code Online (Sandbox Code Playgroud)

我只需点击一下即可调用两个函数,如何在angularJS中执行此操作?当你添加多个类时,我认为它会像在CSS中那样直截了当......但它不是:(

javascript angularjs

289
推荐指数
4
解决办法
31万
查看次数

在AngularJS中有条件地应用属性的最佳方法是什么?

我需要能够根据范围内的布尔变量向元素添加"contenteditable".

使用示例:

<h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1>
Run Code Online (Sandbox Code Playgroud)

如果$scope.editMode设置为,则会导致将contenteditable = true添加到元素中true.有没有一些简单的方法来实现这样的ng-class属性行为?我正在考虑写一个指令并分享,如果没有.

编辑: 我可以看到我提出的attrs指令和ng-bind-attrs之间似乎有一些相似之处,但它在1.0.0.rc3中删除了,为什么会这样呢?

angularjs angularjs-directive

288
推荐指数
9
解决办法
27万
查看次数

SPA身份验证和会话管理的最佳实践

使用Angular,Ember,React等框架构建SPA风格的应用程序时,人们认为什么是身份验证和会话管理的最佳实践?我可以想到几种方法来考虑解决问题.

  1. 假设API和UI具有相同的原始域,则与使用常规Web应用程序的身份验证没有什么不同.

    这可能涉及具有会话cookie,服务器端会话存储以及可能的一些会话API端点,经过身份验证的Web UI可以点击以获取当前用户信息以帮助个性化或甚至可能确定客户端上的角色/能力.当然,服务器仍会强制执行保护数据访问的规则,UI只会使用此信息来自定义体验.

  2. 像使用公共API的任何第三方客户端一样对待它,并使用类似于OAuth的某种令牌系统进行身份验证.客户端UI将使用此令牌机制来验证对服务器API发出的每个请求.

我在这里并不是一位专家,但对于绝大多数情况来说,#1似乎已经足够了,但我真的很想听到一些更有经验的意见.

security authentication ember.js angularjs single-page-application

286
推荐指数
3
解决办法
10万
查看次数

使用Bootstrap 3在AngularJS中表示网格或表格的最佳方法?

我正在使用AngularJS和Bootstrap 3创建一个App.我想显示一个包含数千行的表/网格.AngularJS和Bootstrap的最佳可用控件是什么,具有排序,搜索,分页等功能.

angularjs ng-grid twitter-bootstrap-3 angular-ui-grid smart-table

284
推荐指数
9
解决办法
39万
查看次数

如何在AngularJs中使用ng-repeat进行词典?

我知道我们可以轻松地对json对象或数组使用ng-repeat,如:

<div ng-repeat="user in users"></div>
Run Code Online (Sandbox Code Playgroud)

但是我们如何才能将ng-repeat用于词典,例如:

var users = null;
users["182982"] = "{...json-object...}";
users["198784"] = "{...json-object...}";
users["119827"] = "{...json-object...}";
Run Code Online (Sandbox Code Playgroud)

我想用用户词典:

<div ng-repeat="user in users"></div>
Run Code Online (Sandbox Code Playgroud)

可能吗?.如果是,我怎么能在AngularJs中做到这一点?

我的问题示例:在C#中我们定义了如下字典:

Dictionary<key,value> dict = new Dictionary<key,value>();

//and then we can search for values, without knowing the keys
foreach(var val in dict.Values)
{
}
Run Code Online (Sandbox Code Playgroud)

是否有内置函数从c#中返回字典中的值?

json dictionary angularjs angularjs-ng-repeat

283
推荐指数
3
解决办法
17万
查看次数

我应该使用打字稿吗?或者我可以使用ES6?

我的日常工作是使用AngularJS的客户开发人员.我们正在评估是否要使用TypeScript.我对typescript做了一些研究,几乎每个我需要的JavaScript包都必须有定义类型文件.我发现这不是很方便,特别是如果我想尝试新的东西,他们没有它的定义.它真的很令人沮丧.(即使是当前的jQuery定义也会给我一些问题,如果我想使用typescript 1.5 beta).我开始关注ES6,它看起来与TypeScript类似.我应该只使用ES6吗?另外,我听说angular 2将完全支持TypeScript,这是我应该坚持下去的一个原因吗?

angularjs typescript ecmascript-6

282
推荐指数
2
解决办法
11万
查看次数

什么是添加到我的JSON.stringify结果的$$ hashKey

我已经尝试查看他们的文档的Mozilla JSON stringify页面以及SO和Google,但没有找到任何解释.我已经多次使用JSOn stringify但从未遇到过这个结果

我有一个JSON对象数组

[
    {
        "param_2": "Description 1",
        "param_0": "Name 1",
        "param_1": "VERSION 1"
    },
    {
        "param_2": "Description 2",
        "param_0": "Name 2",
        "param_1": "VERSION 2"
    },
    {
        "param_2": "Description 3",
        "param_0": "Name 3",
        "param_1": "VERSION 3"
    }
]
Run Code Online (Sandbox Code Playgroud)

附加到我$scope和POST他们作为一个参数我使用JSON.stringify()方法,我得到以下内容:

   [
        {
            "param_2": "Description 1",
            "param_0": "Name 1",
            "param_1": "VERSION 1",
            "$$hashKey": "005"
        },
        {
            "param_2": "Description 2",
            "param_0": "Name 2",
            "param_1": "VERSION 2",
            "$$hashKey": "006"
        },
        {
            "param_2": "Description 3",
            "param_0": "Name …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json angularjs

281
推荐指数
5
解决办法
15万
查看次数

你可以在创建时将参数传递给AngularJS控制器吗?

我有一个控制器负责与API通信以更新用户的属性,名称,电子邮件等.每个用户都有一个'id'在查看个人资料页面时从服务器传递的用户.

我想将此值传递给AngularJS控制器,以便它知道当前用户的API入口点是什么.我试过传递价值ng-controller.例如:

function UserCtrl(id, $scope, $filter) {

$scope.connection = $resource('api.com/user/' + id)
Run Code Online (Sandbox Code Playgroud)

并在HTML中

<body ng-controller="UserCtrl({% id %})">
Run Code Online (Sandbox Code Playgroud)

其中{% id %}打印从服务器发送的id.但我得到错误.

在创建时将值传递给控制器​​的正确方法是什么?

javascript angularjs

278
推荐指数
9
解决办法
32万
查看次数

如何查看我使用的Angular版本?

我怎么知道我使用的Angular版本是什么?

我试过了:

angular --version
angular --v
angular -version
angular -v
Run Code Online (Sandbox Code Playgroud)

但得到 -bash: angular: command not found

我知道yeoman --version我正在使用0.9.6

但如何获得angularjs版本?

angularjs angular

278
推荐指数
16
解决办法
43万
查看次数

$ on和$ broadcast in angular

我有一个footerController和codeScannerController具有不同的视图.

angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]);

angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) {
console.log("start");
$scope.startScanner = function(){...
Run Code Online (Sandbox Code Playgroud)

当我点击<li>footer.html中的一个时,我应该在codeScannerController中获取此事件.

<li class="button" ng-click="startScanner()">3</li>
Run Code Online (Sandbox Code Playgroud)

我认为它可以用$on和实现$broadcast,但我不知道怎样也无法在任何地方找到例子.

javascript angularjs

276
推荐指数
3
解决办法
34万
查看次数