Questions tagged «angularjs»

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

7
部署后出现“未捕获的错误:[$ injector:unpr]”
我有一个相当简单的Angular应用程序,可以在我的开发机上正常运行,但是在部署它后却出现此错误消息(在浏览器控制台中)失败: Uncaught Error: [$injector:unpr] http://errors.angularjs.org/undefined/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20%24http%20%3C-%20%24compile 除此之外,没有其他消息。页面首次加载时会发生这种情况。 我正在运行ASP.NET MVC5,Angular 1.2RC3,并通过git推送到Azure。 谷歌搜索还没有发现任何有趣的东西。 有什么建议? 编辑: 我正在使用TypeScript,并使用$inject变量定义依赖项,例如: export class DashboardCtrl { public static $inject = [ '$scope', '$location', 'dashboardStorage' ]; constructor( private $scope: IDashboardScope, private $location: ng.ILocationService, private storage: IDashboardStorage) { } } 我认为应该(或打算)解决在最小化期间​​出现的可能导致此错误的局部变量重命名问题。 就是说,这显然与缩小过程有关,因为当我BundleTable.EnableOptimizations = true在开发机上设置时,就可以复制它。
97 angularjs 

5
Javascript Web应用程序和Java服务器,全部在Maven中构建还是将Grunt用于Web应用程序?
我们正在使用AngularJS做一个Web应用程序,我们喜欢将Bower用于依赖关系管理,将Grunt用于构建,运行测试等的想法。(Yeoman) 服务器是使用Maven使用Java完成的,因此我们当然希望通过简单的mvn install构建一切(Web应用程序+服务器) 那么,您采用什么方法,为什么呢? 1)将它们视为两个不同的应用程序,实际上它们是。因此,可以使用其他构建方法/工具。 2)忘记Grunt Bower,使用Maven插件来构建,运行测试,管理Web应用程序的依赖项。如果是这样,那是什么? 3)使用Maven exec插件调用Grunt来构建前端Webapp。我将其更多地视为黑客而非解决方案。 4)其他。 易于与Jenkins集成的方法是一个加号。 提前致谢!

10
使用ng-click在angularJs中添加和删除类
我正在尝试工作如何使用ngClick添加类。我已经上传了我的代码到plunker 这里点击。查看角度文档,我不知道应该怎么做。以下是我的代码片段。有人可以指引我正确的方向 <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> 控制者 var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });

8
在AngularJs中设置动态范围变量-scope。<some_string>
我有一个从routeParam或指令属性或任何其他属性获取的字符串,我想基于此在作用域上创建一个变量。所以: $scope.&lt;the_string&gt; = "something". 但是,如果字符串包含一个或多个点,我想将其拆分并实际上“向下钻取”到作用域中。所以'foo.bar'应该成为$scope.foo.bar。这意味着简单版本不起作用! // This will not work as assigning variables like this will not "drill down" // It will assign to a variables named the exact string, dots and all. var the_string = 'life.meaning'; $scope[the_string] = 42; console.log($scope.life.meaning); // &lt;-- Nope! This is undefined. console.log($scope['life.meaning']); // &lt;-- …
97 angularjs  scope 

7
如何将一个控制器注入到AngularJS中的另一个控制器中
我是Angular的新手,正在尝试弄清楚该怎么做... 使用AngularJS,我如何注入要在另一个控制器中使用的控制器? 我有以下片段: var app = angular.module("testApp", ['']); app.controller('TestCtrl1', ['$scope', function ($scope) { $scope.myMethod = function () { console.log("TestCtrl1 - myMethod"); } }]); app.controller('TestCtrl2', ['$scope', 'TestCtrl1', function ($scope, TestCtrl1) { TestCtrl1.myMethod(); }]); 执行此操作时,出现错误: Error: [$injector:unpr] Unknown provider: TestCtrl1Provider &lt;- TestCtrl1 http://errors.angularjs.org/1.2.21/$injector/unpr?p0=TestCtrl1Provider%20%3C-%20TestCtrl1 我是否应该甚至尝试在另一个控制器中使用一个控制器,还是应该将此服务用作服务?

7
使用AngularJS时如何转义花括号以显示在页面上?
我希望用户看到双大括号,但Angular会自动将其绑定。这是与该问题相反的情况,即他们不希望在加载页面时看到用于绑定的花括号。 我希望用户看到以下内容: My name is {{person.name}}. 但是Angular会替换{{person.name}}为值。我以为这可能有效,但是angular仍然将其替换为值: &amp;#123;&amp;#123;person.name}} 柱塞:http://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ
97 angularjs 

8
如何将参数传递给模态?
我想将登录用户点击userName的userNamesa 列表中的传递给twitter bootstrap modal。我在与angularjs一起使用grails,其中数据是通过angularjs呈现的。 组态 我的grails视图页面encouragement.gsp是 &lt;div ng-controller="EncouragementController"&gt; &lt;g:render template="encourage/encouragement_modal" /&gt; &lt;tr ng-cloak ng-repeat="user in result.users"&gt; &lt;td&gt;{{user.userName}}&lt;/rd&gt; &lt;td&gt; &lt;a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"&gt; Encourage &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; 我的encourage/_encouragement_modal.gsp是 &lt;div id="encouragementModal" class="modal hide fade"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt; &lt;h3&gt;Confirm encouragement?&lt;/h3&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; Do you really want …

6
角度ng-bind-html和其中的指令
柱塞链接 我有一个我想将html绑定到它的元素。 &lt;div ng-bind-html="details" upper&gt;&lt;/div&gt; 这样可行。现在,连同它,我还有一个绑定到绑定的html的指令: $scope.details = 'Success! &lt;a href="#/details/12" upper&gt;details&lt;/a&gt;' 但是upper带有div和anchor 的指令不求值。我该如何运作?

3
如何处理AngularJS中的$ resource服务错误
我正在向我的API发出请求,并且正在使用AngularJS $ resource模块。它与$ http不同,所以我不知道如何处理错误。 我的服务: var appServices = angular.module('app.services', ['ngResource']); appServices.factory('Category', ['$resource', function($resource){ return $resource('/apicategoryerr/?format=:format', {}, { query: { method: 'GET', params: { format: 'json'}, isArray: true, } }); }]); 我的控制器: ... Category.query(function(data) { console.log(data); }); ... 我想要类似这样的东西..如果我的API无法正常工作,我不知道如何处理错误。 Category.query().success(function() { console.log('success'); }).error(function() { console.log('error'); });

8
AngularJS-如何在生成templateUrl时使用$ routeParams?
我们的应用程序具有2级导航。我们想使用AngularJS $routeProvider动态地向提供模板&lt;ng-view /&gt;。我正在考虑按照以下方式做一些事情: angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+&lt;&lt;primaryNavHere&gt;&gt;+'/'+&lt;&lt;secondaryNavHere&gt;&gt;+'.html' }); }]); 我只是不知道该如何填充&lt;&lt;&gt;&gt;。我知道primaryNav和secondaryNav绑定到$ routeParams,但是如何在这里访问$ routeParams以便动态提供模板?


5
angularjs 1.x支持生命周期
我目前正在管理AngularJS开发项目。有传言说我们至少需要从当前的1.2升级到AngularJS 1.5。我需要提出的一项要求是,我必须提供1.5终止支持的证据,但是在有角度的网站上进行了多个小时的搜索和多次Google搜索后却找不到任何终止支持的信息。 关于何时不再为Angular v1.x开发安全补丁和错误修复程序,是否有官方评论?

9
对某些元素禁用nganimate
我正在使用ngAnimate模块,但是所有我的ng-if,ng-show等等都受此影响,我想将ngAnimate用于某些选定的元素。为了提高性能和显示和隐藏元素的速度非常快。 谢谢。

3
AngularJS-占位符,用于过滤器的空结果
我想要一个占位符,例如&lt;No result&gt;当过滤器结果返回空时。谁能帮忙吗?我什至不知道从哪里开始... HTML: &lt;div ng-controller="Ctrl"&gt; &lt;h1&gt;My Foo&lt;/h1&gt; &lt;ul&gt; &lt;li ng-repeat="foo in foos"&gt; &lt;a href="#" ng-click="setBarFilter(foo.name)"&gt;{{foo.name}}&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;br /&gt; &lt;h1&gt;My Bar&lt;/h1&gt; &lt;ul&gt; &lt;li ng-repeat="bar in bars | filter:barFilter"&gt;{{bar.name}}&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; JS: function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ name: 'Foo 3' }]; $scope.bars …


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.