程序设计 angularjs

10

我想在AngularJS模板中做一个条件。我从Youtube API获取视频列表。某些视频的比例为16：9，有些视频的比例为4：3。我想这样一个条件： if video.yt$aspectRatio equals widescreen then element's attr height="270px" else element's attr height="360px" 我正在使用迭代视频ng-repeat。不知道该如何应对这种情况：在范围内添加功能？是否在模板中？

702 if-statement angularjs

15

搜索引擎如何处理AngularJS应用程序？

我看到了有关搜索引擎和SEO的AngularJS应用程序两个问题： 1）自定义标签会怎样？搜索引擎会忽略这些标签中的全部内容吗？即假设我有 <custom> <h1>Hey, this title is important</h1> </custom> <h1>尽管位于自定义标签中仍会被索引？ 2）有没有一种方法可以避免索引{{}}的搜索引擎按字面绑定？即 <h2>{{title}}</h2> 我知道我可以做类似的事情 <h2 ng-bind="title"></h2> 但是，如果我想让搜寻器“看到”标题怎么办？服务器端渲染是唯一的解决方案吗？

697 html angularjs seo search-engine google-search

9

如何在AngularJS中使用ng-repeat遍历键和值？

在我的控制器中，我有如下数据： $scope.object = data 现在，此数据是包含键和值的字典json。我可以object.name在模板中使用属性。有什么办法可以遍历键并将它们显示在表格中吗？ <tr><td> {{key}} </td> <td> data.key </td> 数据是这样的 { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": "ewew", }

679 angularjs angularjs-ng-repeat

29

如何使用AngularJS绑定到复选框值列表？

我有几个复选框： <input type='checkbox' value="apple" checked> <input type='checkbox' value="orange"> <input type='checkbox' value="pear" checked> <input type='checkbox' value="naartjie"> 我想绑定到控制器中的列表，以便每当更改复选框时，控制器都维护所有检查值的列表，例如['apple', 'pear']。 ng-model似乎只能将一个复选框的值绑定到控制器中的变量。还有另一种方法可以使四个复选框绑定到控制器中的列表吗？

670 javascript angularjs

27

为什么AngularJS在select中包含一个空选项？

在过去的几周中，我一直在使用AngularJS，而让我感到困扰的一件事是，即使尝试了所有置换或http://docs.angularjs.org/api/ng规范中定义的配置，.directive：select，我仍然得到一个空选项作为select元素的第一个子元素。这是玉： select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); 这里的控制器： $scope.typeOptions = [ { name: 'Feature', value: 'feature' }, { name: 'Bug', value: 'bug' }, { name: 'Enhancement', value: 'enhancement' } ]; 最后，这是生成的HTML： <select ng-model="form.type" required="required" ng-options="option.value as option.name for option in typeOptions" class="span9 ng-pristine ng-invalid ng-invalid-required"> <option …

652 angularjs

15

如何在控制器中使用过滤器？

我写了一个过滤器函数，它将根据您传递的参数返回数据。我希望控制器具有相同的功能。是否可以在控制器中重用过滤器功能？到目前为止，这是我尝试过的： function myCtrl($scope,filter1) { // i simply used the filter function name, it is not working. }

649 angularjs angular-filters ng-controller

20

对服务与工厂感到困惑

据我了解，当在工厂内部时，我返回一个注入到控制器中的对象。在服务内部时，我使用this而不是返回任何东西来处理对象。我当时以为服务始终是单例，并且每个控制器都注入了一个新的工厂对象。但是，事实证明，工厂对象也是单例吗？示例代码演示： var factories = angular.module('app.factories', []); var app = angular.module('app', ['ngResource', 'app.factories']); factories.factory('User', function () { return { first: 'John', last: 'Doe' }; }); app.controller('ACtrl', function($scope, User) { $scope.user = User; }); app.controller('BCtrl', function($scope, User) { $scope.user = User; }); 当改变user.first的ACtrl事实证明，user.first在BCtrl也发生了变化，比如User是一个单身？我的假设是在工厂的控制器中注入了新实例？

618 angularjs

13

一个AngularJS控制器可以调用另一个吗？

一个控制器可以使用另一个控制器吗？例如：该HTML文档仅MessageCtrl在messageCtrl.js文件中打印由控制器传递的消息。 <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div>  <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> 控制器文件包含以下代码： function MessageCtrl() { this.message = function() { return "The current date is: " + new Date().toString(); }; } 它只是打印当前日期； …

581 javascript html angularjs

7

AngularJS将数据传递到$ http.get请求

我有一个执行http POST请求的函数。该代码在下面指定。这很好。 $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); 我具有http GET的另一个功能，我想将数据发送到该请求。但是我没有那个选择。 $http({ url: user.details_path, method: "GET", data: {user_id: user.id} }); 的语法http.get是获取（URL，配置）

576 javascript angularjs javascript-framework

27

如何在AngularJS的ng-options中设置value属性？

这似乎困扰着很多人（包括我）。当ng-options在AngularJS中使用指令填充<select>标签的选项时，我无法弄清楚如何为选项设置值。对此的文档确实不清楚-至少对于像我这样的简单人而言。我可以像这样轻松设置选项的文本： ng-options="select p.text for p in resultOptions" resultOptions例如，何时： [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] 设置选项值应该是（可能是）最简单的事情，但是到目前为止，我还是不明白。

557 javascript angularjs

8

ng-model和ng-bind有什么区别

目前，我正在学习AngularJS和我难以理解的区别ng-bind和ng-model。谁能告诉我它们的区别以及何时应使用另一种？

554 angularjs angular-ngmodel ng-bind

11

使用ng-class添加多个类

我们可以有多个表达式来添加多个ng-class吗？例如 <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> 如果是，那么任何人都可以举这个例子。。

542 angularjs ng-class

23

对抗AngularJS执行控制器两次

我了解AngularJS会在某些代码中运行两次，有时甚至更多，例如$watch事件，不断检查模型状态等。但是我的代码： function MyController($scope, User, local) { var $scope.User = local.get(); // Get locally save user data User.get({ id: $scope.User._id.$oid }, function(user) { $scope.User = new User(user); local.save($scope.User); }); //... 执行两次，将2条记录插入到我的数据库中。很久以来我一直在努力反对这个问题，我显然仍在学习！

532 angularjs

6

链接vs编译vs控制器

创建指令时，可以将代码放入编译器，链接函数或控制器中。在文档中，他们解释说：编译和链接功能用于角度循环的不同阶段指令之间共享控制器但是，对我来说，不清楚哪种代码应该放在哪里。例如：我可以在编译中创建函数并将它们附加到链接的作用域中，还是仅将函数附加到控制器的作用域中？如果每个指令可以有自己的控制器，则如何在指令之间共享控制器？控制器是真正共享的还是仅仅是作用域属性？

529 angularjs angularjs-directive

10

Polymer元素和AngularJS指令之间有什么区别？

在“聚合物入门”页面上，我们看到了一个正在使用的聚合物示例： <html> <head>  <script src="polymer-all/platform/platform.js"></script>  <link rel="import" href="x-foo.html"> </head> <body>  <x-foo></x-foo> </body> </html> 您会注意到<x-foo></x-foo>，由platform.js和定义x-foo.html。看起来这等效于AngularJS中的指令模块： angular.module('xfoo', []) .controller('X-Foo', ['$scope',function($scope) { $scope.text = 'hey hey!'; }) .directive('x-foo', function() { …

524 javascript angularjs polymer

Questions tagged «angularjs»