程序设计 angularjs

2

我通过date这种方式将值传递给自定义过滤器： angular.module('myapp'). filter('filterReceiptsForDate', function () { return function (input, date) { var out = _.filter(input, function (item) { return moment(item.value.created).format('YYYY-MM-DD') == date; }); return out; } }); 我也想在其中注入几个范围变量，就像我在指令中可以做的那样。不必将这些var作为函数参数显式传递就可以做到这一点吗？

74 javascript angularjs scope

22

尝试加载角度超过一次

我有一个yeoman脚手架应用程序（全栈角度生成器）。 grunt serve工作正常，但grunt build会产生锁定内存的分布，这很可能是由于角度中的圆形引用所致。我将angular升级到了1.2.15。我得到的错误是： WARNING: Tried to Load Angular More Than Once 升级之前，错误为： Error: 10 $digest() iterations reached. Aborting! 调试非常困难，因为它仅在构建/缩小之后才发生。我所有的模块都是angular的数组格式，因此最小化DI应该不是问题，而是这样。没有单个脚本会导致这种情况。它消失的唯一方法是，如果我不使用我的app.js文件进行初始化。我的app.js文件在下面。有什么想法吗？ 'use strict'; angular.module('myApp', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute', 'ngTagsInput', 'ui.bootstrap', 'google-maps', 'firebase' ]); angular.module('myApp').config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/listing.html', controller: 'ListingCtrl' }) .otherwise({ redirectTo: …

74 javascript angularjs gruntjs

6

在输入元素中使用angularjs过滤器

我希望我不会错过doco中任何明显的内容，如果可以的话，我相信有人会帮助您。我正在使用asp.net webapi返回带有日期字段的DTO。这些使用JSON.Net（格式为'2013-03-11T12：37：38.693'）进行序列化。我想使用过滤器，但是在INPUT元素中，这是否可行？或者我应该创建一个新的过滤器或指令来实现此目的？ // this just displays the text value <input ui-datetime type="text" data-ng-model="entity.date" /> // this doesn't work at all <input ui-datetime type="text" data-ng-model="{{entity.date|date:'dd/MM/yyyy HH:mm:ss a'}}" /> // this works fine {{entity.date|date:'dd/MM/yyyy HH:mm:ss a'}} 我缺少任何捷径吗？

74 angularjs asp.net-web-api angularjs-directive

5

在我的HTML中使用rootScope变量

因此，我们可以像这样在角度html中轻松使用范围变量： <!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html> 因此，例如： <h1>Hello {{yourName}}!</h1> 正在使用yourName我希望做的范围： <h1>Hello {{yourName}} you are in in {{$rootScope.zoneName}}!</h1> 是否可以这样引入$rootScope变量？

74 angularjs

2

AngularJS：从字符串插入HTML

我已经为此寻找了很多，但我要么找不到答案，要么听不懂。一个具体的例子将赢得投票=）我有一个返回HTML字符串的函数。我无法更改功能。我希望将由字符串表示的html插入到DOM中。我很高兴使用控制器，指令，服务或其他任何可行的方法（并且是合理的良好做法）。免责声明：我不太了解$ compile。这是我尝试过的： // My magic HTML string function. function htmlString (str) { return "<h1>" + str + "</h1>"; } function Ctrl ($scope, $compile) { $scope.htmlString = htmlString; } Ctrl.$inject = ["$scope", "$compile"]; 那没用。我也尝试将其作为指令： // My magic HTML string function. function htmlString (str) { …

74 html string angularjs

3

ng-options中的键/值对

我需要将关联数组用作select使用AngularJS的选项的数据源。是否可以使用这样的数组？ { "key1": "val1", "key2": "val2", "key3": "val3", ... } 并得到这样的东西： <select> <option value="key1">val1</option> <option value="key2">val2</option> <option value="key3">val3</option> ... </select> 我阅读了docs，但是我不明白如何实现这一目标。

74 javascript angularjs select ng-options

2

ESLint的“ no-undef”规则将我对Underscore的使用称为未定义变量

我正在使用Grunt作为构建工具，并使用ESLint作为正在处理的应用程序的整理工具。我也在使用Underscore Node软件包，并在我的应用程序中使用了它。不幸的是，当我在代码上运行ESLint时，它认为_是以下行中的未定义变量： return _.pluck(objects, nameColumn); 这是它给我的错误： 78:21 error "_" is not defined no-undef 我宁愿不对ESLint禁用no-undef规则，并且尝试安装Underscore插件，但仍然收到此错误。如果有人对尝试使用此方法有任何想法，我将不胜感激！如果有任何其他我想提供的信息可以帮助任何人帮助我解决这个问题，请告诉我！

73 javascript angularjs gruntjs underscore.js eslint

9

AngularJS中的ScrollTo函数

我正在尝试快速导航以使其正常工作。它漂浮在侧面。当他们单击链接时，会将他们带到页面上的该ID。我正在遵循Treehouse的本指南。这就是我要滚动的内容： $("#quickNav a").click(function(){ var quickNavId = $(this).attr("href"); $("html, body").animate({scrollTop: $(location).offset().top}, "slow"); return false; }); 我最初将其放置在之前</body>。但是我似乎遇到了一种竞争情况，在quickNav编译之前就已经触发了（它ng-hide放在上面，不确定是不是引起了它-但它在DOM内）。如果我在控制台中运行该代码块，则滚动将按预期进行。我认为将其移入控制器会更有效-或更可能在指令中。但是我没有实现这一点的运气。如何获得此代码块以与AngularJS一起使用？

73 javascript jquery angularjs scroll anchor

10

将AngularJS日期过滤器与UTC日期一起使用

我有一个以毫秒为单位的UTC日期，我将该日期传递给Angular的日期过滤器以进行人工格式化。 {{someDate | date:'d MMMM yyyy'}} 很棒，除了someDate在UTC中，而且日期过滤器认为它在当地时间。我怎样才能告诉Angular这someDate是UTC？谢谢。

73 angularjs datetime angularjs-filter

4

如何将2个模型绑定到Angular中的一个输入字段？

无论如何，我可以将两个模型值绑定到一个输入字段吗？假设我有一个输入字段，我想将其作为范围内两个变量的值，例如： <input type="text" model="sn_number; id" >

73 angularjs

5

错误：[$ resource：badcfg]资源配置错误。预期响应包含一个数组但有一个对象？

如何解决错误： [$ resource：badcfg]资源配置错误。预期响应包含一个数组但有一个对象？ //服务 angular.module('admin.services', ['ngResource']) // GET TASK LIST ACTIVITY .factory('getTaskService', function($resource) { return $resource('../rest/api.php?method=getTask&q=*',{ 'get': {method:'GET'}}); }) //控制器 $scope.getTask = getTaskService.query(function (response) { angular.forEach(response, function (item) { if (item.numFound > 0) { for(var i = 0; i < item.numFound; i++) { $scope.getTasks[i] = item.docs[i]; } } }); });

73 angularjs

3

如何重写$ exceptionHandler实现

每当抛出javascript异常时，我们还想做一些额外的事情。从以下文档$exceptionHandler：角度表达式中任何未捕获的异常都委托给此服务。默认实现只是将$ log.error委托给浏览器控制台。它说“默认实现”的事实使我认为有一种方法可以为服务提供我们自己的实现，并在引发异常时做我们想要的事情。我的问题是，你如何做到这一点？我们如何使所有异常都保留给该服务，然后提供我们希望发生的功能？

73 javascript exception-handling angularjs

5

如何在AngularJS中滚动到页面顶部？

我想在使用angularjs收到ajax调用响应后滚动到页面顶部。基本上，我在页面顶部显示警报消息，并且我希望将警报消息集中在接收到的ajax响应上。谢谢

73 javascript jquery angularjs

4

AngularJS视图未在模型更改时更新

我试图弄清楚Angular的工作原理，并在模型更改时无法更新视图。的HTML <div ng-app="test"> <p ng-controller="TestCtrl"> {{testValue}} </p> </div> JS var app = angular.module('test', []); app.controller('TestCtrl', function ($scope) { $scope.testValue = 0; setInterval(function() { console.log($scope.testValue++); }, 500); }); http://jsfiddle.net/N2G7z/ 有任何想法吗？

73 javascript angularjs

6

使用JavaScript在AngularJS Bootstrap UI中调用模式窗口

使用此处提到的示例，如何使用JavaScript而不是单击按钮来调用模式窗口？我是AngularJS的新手，并尝试在这里和这里搜索文档，但是没有运气。谢谢

73 angularjs modal-dialog angular-ui-bootstrap

Questions tagged «angularjs»