Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；而是使用[angular]标签。

4
如何通过ng-repeat遍历函数返回的项目？
我想重复创建div，这些项目是函数返回的对象。但是，以下代码报告错误：达到10个$ digest（）迭代。流产！jsfiddle在这里：http：//jsfiddle.net/BraveOstrich/awnqm/ <body ng-app> <div ng-repeat="entity in getEntities()"> Hello {{entity.id}}! </div> </body>
114 angularjs 
4
AngularJS-在控制器中转换日期
有人可以建议我如何将日期从这种1387843200000格式转换为24/12/2013 控制器中的日期吗？ 仅供参考，我的日期将以这种方式存储，input type="date"并且完全不填充绑定到带有字段的编辑表单时。 #Plunker演示在这里。 编辑Ctrl app.controller("EditCtrl", [ "$scope", "$filter", "db" function ($scope, $filter, db){ // this gets me an item object var item = db.readItem(); // item date = 1387843200000 // this returns undefined item.date = $filter('date')(date[ item.date, "dd/MM/yyyy"]); }]); Edit.html-模板 <form name="editForm" class="form-validate"> <div class="form-group"> <label for="date">Event date.</label> …
6
多次兑现诺言是否安全？
我的应用程序中有一个i18n服务，其中包含以下代码： var i18nService = function() { this.ensureLocaleIsLoaded = function() { if( !this.existingPromise ) { this.existingPromise = $q.defer(); var deferred = this.existingPromise; var userLanguage = $( "body" ).data( "language" ); this.userLanguage = userLanguage; console.log( "Loading locale '" + userLanguage + "' from server..." ); $http( { method:"get", url:"/i18n/" + userLanguage, cache:true …
5
在AngularJS中更新父范围变量
我有两个控制器，一个封装在另一个中。现在，我知道子范围从父范围继承属性，但是有没有办法更新父范围变量？到目前为止，我还没有遇到任何明显的解决方案。 在我的情况下，我在表单中有一个日历控制器。我想从父范围（即表单）更新开始日期和结束日期，以便表单在提交时具有开始日期和结束日期。
4
ng-repeat中的自定义排序功能
我有一组显示一定数量的磁贴，具体取决于用户选择的选项。我现在想通过显示的任何数字来实现排序。 下面的代码显示了我是如何实现的（通过在父卡范围内获取/设置一个值）。现在，由于orderBy函数需要一个字符串，因此我尝试在卡范围内设置一个名为curOptionValue的变量并以此进行排序，但是它似乎不起作用。 因此，问题就变成了，如何创建自定义排序功能？ <div ng-controller="aggViewport" > <div class="btn-group" > <button ng-click="setOption(opt.name)" ng-repeat="opt in optList" class="btn active">{{opt.name}}</button> </div> <div id="container" iso-grid width="500px" height="500px"> <div ng-repeat="card in cards" class="item {{card.class}}" ng-controller="aggCardController"> <table width="100%"> <tr> <td align="center"> <h4>{{card.name}}</h4> </td> </tr> <tr> <td align="center"><h2>{{getOption()}}</h2></td> </tr> </table> </div> </div> 和控制器： module.controller('aggViewport',['$scope','$location',function($scope,$location) { $scope.cards = [ …
7
AngularJS指令限制A与E
我正在一个小团队中工作，使用AngularJS进行构建，并试图维护一些基本标准和最佳实践。特别是考虑到我们相对较新的Angular。 我的问题是关于指令的。更准确地说，是restrict选项。 restrict: 'E'因此，我们中的某些人<my-directive></my-directive>在html 中使用了它。 别人都在用restrict: 'A'，并具有<div my-directive></div>在html。 然后，当然可以使用restrict: 'EA'以上两种方法之一。 目前，这没什么大不了的，尽管当这个项目达到预期的规模时，我希望任何人都可以轻松地了解正在发生的事情。 属性或元素的处理方式是否有利弊？ 如果在属性上选择说元素，我们应该知道哪些陷阱？
8
如何在AngularJs中使用ng-repeat过滤（键，值）？
我正在尝试做类似的事情： <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJs部分： function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } 但是不知何故，它向我展示了所有物品。如何筛选（键，值）？
6
以角度方式设置元素焦点
在查看了如何使用角度设置焦点元素的示例后，我看到它们中的大多数使用一些变量来监视然后设置焦点，并且它们中的大多数对于要设置焦点的每个字段使用一个不同的变量。在具有许多字段的形式中，这意味着存在许多不同的变量。 考虑到jquery的方式，但是想以角度的方式做到这一点，我提出了一个解决方案，我们使用元素的id将焦点设置在任何函数上，因此，由于我在角度上非常陌生，因此我希望得到一些意见那个方法是正确的，有任何问题，任何可以帮助我更好地做到这一点的方法。 基本上，我创建了一个指令，该指令监视用户使用指令定义的范围值或默认值的focusElement，并且当该值与元素的id相同时，该元素集将自动聚焦。 angular.module('appnamehere') .directive('myFocus', function () { return { restrict: 'A', link: function postLink(scope, element, attrs) { if (attrs.myFocus == "") { attrs.myFocus = "focusElement"; } scope.$watch(attrs.myFocus, function(value) { if(value == attrs.id) { element[0].focus(); } }); element.on("blur", function() { scope[attrs.myFocus] = ""; scope.$apply(); }) } }; }); 由于某种原因需要引起关注的输入将采用这种方式 <input …
8
在angular.js中解析JSONP $ http.jsonp（）响应
我正在使用angular的$http.jsonp()请求，该请求成功返回包装在函数中的json： var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback"; $http.jsonp(url). success(function(data, status, headers, config) { //what do I do here? }). error(function(data, status, headers, config) { $scope.error = true; }); 如何访问/解析返回的函数包装的JSON？
6
在AngularJS中将成功/错误/最终/捕获与承诺一起使用
我$http在AngularJs中使用，我不确定如何使用返回的Promise和处理错误。 我有此代码： $http .get(url) .success(function(data) { // Handle data }) .error(function(data, status) { // Handle HTTP error }) .finally(function() { // Execute logic independent of success/error }) .catch(function(error) { // Catch and handle exceptions from success/error/finally functions }); 这是一个好方法吗，还是有一个更简单的方法？
6
在Angular JS中动态应用CSS样式属性
这应该是一个简单的问题，但是我似乎找不到解决方案。 我有以下标记： <div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div> 我需要将背景色绑定到示波器，因此我尝试了以下操作： <div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div> 那没有用，所以我做了一些研究发现ng-style，但是那没用，所以我尝试去掉动态部分，只是ng-style像这样硬编码其中的样式... <div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div> 甚至都不起作用。我误会如何ng-style工作吗？有没有一种方法可以放入{{data.backgroundCol}}普通样式属性并使其插入值？
17
从AngularJS中的对象数组通过ID获取特定对象
我有一个JSON文件，其中包含一些我想在AngularJS网站上访问的数据。现在，我要从数组中仅获取一个对象。因此，我想例如ID为1的商品。 数据如下所示： { "results": [ { "id": 1, "name": "Test" }, { "id": 2, "name": "Beispiel" }, { "id": 3, "name": "Sample" } ] } 我想使用AngularJS $ http功能加载数据，如下所示： $http.get("data/SampleData.json"); 这正在工作。但是，现在如何从获取的数组中获取特定的数据对象（按ID）$http.get呢？ 在此先感谢您的帮助。 马克·马克
23
AngularJS浏览器通过使用指令自动填充的解决方法
在AngularJS中提交表单并使用浏览器时，请记住密码功能，并且在随后的登录尝试中，让浏览器使用用户名和密码填写登录表单，该$scope模型不会基于自动填充进行更改。 我发现的唯一肮脏的技巧是使用以下指令： app.directive("xsInputSync", ["$timeout" , function($timeout) { return { restrict : "A", require: "?ngModel", link : function(scope, element, attrs, ngModel) { $timeout(function() { if (ngModel.$viewValue && ngModel.$viewValue !== element.val()) { scope.apply(function() { ngModel.$setViewValue(element.val()); }); } console.log(scope); console.log(ngModel.$name); console.log(scope[ngModel.$name]); }, 3000); } }; }]); 问题在于，ngModel.$setViewValue(element.val());基于element.val()返回的值不会更改模型或视图。我该怎么做？
18
角ng-repeat每3或4列添加引导行
我正在寻找正确的模式以每3列注入一个引导行类。我需要这个是因为cols没有固定的高度（并且我不想固定一个），所以它破坏了我的设计！ 这是我的代码： <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> 但它每行只显示一个产品。我想要的最终结果是： <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> </div> <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.