程序设计 angularjs

6

我正在使用ng-repeat创建类似这样的列表 <div ng-repeat="file in files"> {{file.name}} </div> 但是，仅对于最后一个元素，我希望包含一个类（<div class="last">test</div>）。如何使用ng-repeat实现此目的？

152 angularjs

2

服务，指令和模块之间有什么区别？

我读了很多文档，而且越来越困惑。我基本上不知道两者之间的区别服务指示模组我看到了很多自定义组件。有时他们使用指令，有时使用服务。它总是从模块开始。有人可以举例说明这三种类型之间的区别吗？

151 angularjs

5

AngularJS ng-if具有多个条件

我想知道是否可能有这样的事情： div ng-repeat="(k,v) in items" <div ng-if="k == 'a' || k == 'b'">  </div> 知道项目是通过请求接收的JSON容器，所以这就是为什么我使用键值方法。谢谢我之所以问是因为我尝试使用Google进行谷歌搜索，但是我唯一能得到的结果是ng-switch，但是我必须使用ng-if。

151 angularjs

4

在Angular.js中进行AJAX调用的最佳实践是什么？

我正在阅读这篇文章：http : //eviltrout.com/2013/06/15/ember-vs-angular.html 它说，由于缺乏约定，我想知道有多少Angular项目依赖于不良行为，例如直接在控制器内进行AJAX调用？由于依赖注入，开发人员是否将路由器参数注入指令中？AngularJS新手开发人员是否会以经验丰富的AngularJS开发人员认为惯用的方式来构造代码？我实际上是$http从Angular.js控制器进行调用。为什么这是一个坏习惯？那么$http拨打电话的最佳做法是什么？为什么呢？

151 angularjs

3

Angular.js：$ eval如何工作，为什么与香草eval不同？

我很好奇$scope.$eval您经常在指令中看到您，因此我检查了源代码并在中找到以下内容rootScope.js： $eval: function(expr, locals) { return $parse(expr)(this, locals); }, $parse似乎由ParseProviderin 定义，in parse.js似乎定义了自己的某种微型语法（文件长900行）。我的问题是：到底在$eval做什么？为什么需要自己的小型解析语言？为什么不使用普通的旧JavaScript eval？

151 angularjs

11

设置select2输入的宽度（通过Angular-ui指令）

我在使此plunkr（select2 + angulat-ui）工作时遇到问题。 http://plnkr.co/edit/NkdWUO?p=preview 在本地设置中，我得到了select2的工作，但是我无法按照docs中所述设置宽度。它太窄而无法使用。谢谢。编辑：别介意plnkr，我在这里http://jsfiddle.net/pEFy6/找到了一个工作的小提琴似乎select2的行为是折叠到第一个元素的宽度。我可以通过bootstrap设置宽度。class="input-medium"仍然不确定为什么angular-ui不使用配置参数。

151 css twitter-bootstrap angularjs jquery-select2

6

在自定义指令的范围绑定中使用符号“ @”，“＆”，“ =”和“>”：AngularJS

我已经在AngularJS中的自定义指令的实现中阅读了很多有关这些符号的用法，但是这个概念对我来说仍然不清楚。我的意思是，如果我在custom指令中使用范围值之一，那意味着什么？ var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR scope:true } }); 运行代码段隐藏结果展开摘要我们在这里对示波器做什么呢？我也不确定官方文档中是否存在“ scope：'>'”。它已在我的项目中使用。编辑1 在我的项目中，使用“ scope：'>'”是一个问题，现已修复。

151 angularjs angularjs-directive angularjs-scope

1

Angular.js vs Knockout.js vs Backbone.js [关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 6年前关闭。改善这个问题我正在考虑将Knockout或Angular或Backbone用于我的个人项目。我需要构建一些更大的，运行时间更长的客户端交互，以配合服务器端的工作。我想要一种简单有效的方法来管理数据驱动的用户界面。您将基于可行性和性能方面选择哪种框架来解决上述问题？

150 angularjs backbone.js knockout-2.0

9

angularjs：ng-src等效于background-image：url（…）

在angularjs中，您具有标记ng-src，其目的是在angularjs评估介于{{和之间的变量之前，不会收到无效网址的错误}}。问题是，我使用了很多DIV，并将其background-image设置为url。我之所以这样做，是因为CSS3具有出色的属性background-size，可以将图像裁剪为DIV的确切大小。唯一的问题是，由于创建ng-src标记的原因完全相同，因此我收到很多错误：我的url中有一些变量，浏览器认为该图像不存在。我意识到有写粗略的可能性{{"style='background-image:url(myVariableUrl)'"}}，但这似乎是“肮脏的”。我搜索了很多内容，却找不到正确的方法。由于所有这些错误，我的应用变得一团糟。

150 css angularjs

7

使用ngRepeat时限制显示结果的数量

我发现AngularJS教程很难理解。这是引导我构建一个可显示手机的应用程序。我正在执行步骤5，我想作为一个实验，尝试让用户指定他们希望显示多少。该视图如下所示： <body ng-controller="PhoneListCtrl"> <div class="container-fluid"> <div class="row-fluid"> <div class="span2">  Search: <input ng-model="query"> How Many: <input ng-model="quantity"> Sort by: <select ng-model="orderProp"> <option value="name">Alphabetical</option> <option value="age">Newest</option> </select> </div> <div class="span10">  <ul class="phones"> <li ng-repeat="phone in phones | filter:query | orderBy:orderProp"> {{phone.name}} <p>{{phone.snippet}}</p> </li> </ul> </div> </div> </div> </body> …

148 javascript model-view-controller angularjs scope

12

如何使用ng-option设置选择元素的默认值

我在这里看到了Angular select指令的文档：http : //docs.angularjs.org/api/ng.directive :select 。我不知道如何设置默认值。这令人困惑：选择作为数组中值的标签这是对象： { "type": "select", "name": "Service", "value": "Service 3", "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] } HTML（工作）： <select><option ng-repeat="value in prop.values">{{value}}</option></select> 然后我试图在select元素内添加ng-option属性以设置prop.value为默认选项（不起作用）。 ng-options="(prop.value) for v in prop.values" 我究竟做错了什么？

148 angularjs

5

什么是“装饰器”？如何使用？

我很好奇AngularJS中的装饰器到底是什么。除了AngularJS文档中的简短内容和youtube视频中的简短提及（尽管很有趣）之外，装饰者在线上没有太多信息。正如Angular所说的那样，装饰器是：装饰服务，允许装饰者截取服务实例的创建。返回的实例可以是原始实例，也可以是委派给原始实例的新实例。我真的不知道这意味着什么，而且我不确定为什么要将这种逻辑与服务本身分开。例如，如果我想在不同的条件下返回不同的值，则只需将不同的参数传递给相关函数，或使用共享该私有状态的另一个函数。我仍然是AngularJS菜鸟，所以我敢肯定，这只是我的愚昧和/或坏习惯。

148 javascript angularjs decorator angularjs-decorator

13

如何延迟AngularJS即时搜索？

我有一个似乎无法解决的性能问题。我有一个即时搜索功能，但是有点麻烦，因为它开始在每个位置上搜索keyup()。 JS： var App = angular.module('App', []); App.controller('DisplayController', function($scope, $http) { $http.get('data.json').then(function(result){ $scope.entries = result.data; }); }); HTML： <input id="searchText" type="search" placeholder="live search..." ng-model="searchText" /> <div class="entry" ng-repeat="entry in entries | filter:searchText"> <span>{{entry.content}}</span> </div> JSON数据甚至没有那么大，只有300KB，我认为我需要完成的是在搜索上放置〜1秒的延迟，以等待用户完成键入操作，而不是对每个按键执行操作。AngularJS在内部执行此操作，在阅读了文档和此处的其他主题之后，我找不到特定的答案。我将不胜感激如何延迟即时搜索的任何指示。

147 search filter angularjs timeout delay

10

如何在AngularJs中启用CORS

我已经使用JavaScript为Flickr照片搜索API创建了一个演示。现在，我将其转换为AngularJs。我在互联网上搜索，发现下面的配置。组态： myApp.config(function($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; }); 服务： myApp.service('dataService', function($http) { delete $http.defaults.headers.common['X-Requested-With']; this.flickrPhotoSearch = function() { return $http({ method: 'GET', url: 'http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=3f807259749363aaa29c76012fa93945&tags=india&format=json&callback=?', dataType: 'jsonp', headers: {'Authorization': 'Token token=xxxxYYYYZzzz'} }); } }); 控制器： myApp.controller('flickrController', function($scope, dataService) { $scope.data = null; dataService.flickrPhotoSearch().then(function(dataResponse) { $scope.data = dataResponse; console.log($scope.data); }); …

147 javascript angularjs xmlhttprequest cors

5

AngularJS：了解设计模式

在AngularJS负责人Igor Minar 的这篇文章中： MVC vs MVVM vs MVP。许多开发人员可能花费数小时来辩论和争论，这是一个有争议的话题。几年来，AngularJS更加接近于MVC（或其客户端变体之一），但是随着时间的流逝，由于许多重构和api的改进，它现在更加接近MVVM – $ scope对象可以被认为是正在被开发的ViewModel。由我们称为Controller的函数修饰。能够对框架进行分类并将其放入MV *存储桶之一具有一些优势。通过使创建代表使用框架构建的应用程序的思维模型更容易，它可以帮助开发人员更熟悉其api。它还可以帮助建立开发人员使用的术语。话虽如此，我宁愿看到开发人员构建精心设计并遵循关注点分离的踢屁股应用程序，而不希望他们浪费时间争论MV *废话。出于这个原因，我特此声明 AngularJS为MVW框架-Model-View-Whatever。凡代表什么“ 对您有用 ”。 Angular为您提供了很大的灵活性，可以很好地将表示逻辑与业务逻辑和表示状态分开。请使用它来提高您的生产力和应用程序可维护性，而不必热烈讨论最后没什么大不了的事情。在客户端应用程序中实现AngularJS MVW（模型-视图-任何）设计模式是否有任何建议或准则？

147 javascript angularjs design-patterns architecture client-side

Questions tagged «angularjs»