Tag: angularjs

angular度js未知提供者错误angular-animate

在删除bower_components并清理caching后,我使用bower install重新安装了依赖项。 应用程序未能加载以下错误未捕获的错误:[$ injector:unpr]未知提供者:$$ forceReflowProvider < – $$ forceReflow < – $$ animateQueue < – $ animate < – $ compile < – $$ animateQueue 这是我的bower.json { "name": "angular-zolo", "version": "0.0.0", "dependencies": { "angular": "1.4.3", "json3": "~3.3.1", "es5-shim": "~3.0.1", "bootstrap-sass-official": "~3.1.1", "bootstrap": "~3.1.1", "angular-resource": ">=1.2.*", "angular-cookies": ">=1.2.*", "angular-sanitize": ">=1.2.*", "angular-bootstrap": "~0.11.0", "font-awesome": ">=4.1.0", "lodash": "~2.4.1", […]

范围。$ watch在一个指令中没有被AJAX请求调用

我有以下指令: MyApp.directive('myFilter', ['$filter','$rootScope', function($filter, $rootScope) { var dir = {}; dir.restrict = 'E'; dir.templateUrl = 'views/myFilter.html'; dir.replace = true; dir.scope = { name: '@', model: '=', }; dir.link = function(scope,el,attrs) { //stuff here } return dir; }]); 以下是我如何调用它: <my-filter model="someField" name="abcd" /> 当指令someField , someField是空的。 稍后,它通过ajax被检索,并且它的值被填充。 问题是,我怎么看待someField的值更新? 当我从链接方法做到这一点时: scope.$watch(scope.model, function() { console.log( "changed, new val: […]

如何获得ng-repeat中的前一个项目?

我有一个模板,我只想生成一些HTML,如果当前项目有一些不同的领域从前一个项目。 我如何访问ng-repeat中的前一个项目?

angular.js ng-repeat创build网格

我正在尝试使用bootstrap 3和angularjs创build一个网格。 我试图创build的网格是这样的,重复使用ng-repeat。 <div class="row"> <div class="col-md-4">item</div> <div class="col-md-4">item</div> <div class="col-md-4">item</div> </div> 我已经尝试使用ng-if ($index % 3 == 0)来添加行,但是这似乎没有工作正确。 任何build议将是伟大的! 谢谢! 编辑:这是我结束了与工作的代码: <div ng-repeat="item in items"> <div ng-class="row|($index % 3 == 0)"> <ng-include class="col-sm-4" src="'views/items/item'"></ng-include> </div> </div>

通过Grunt将量angular器与Yeoman集成

我想整合量angular器与Yeoman生产的脚手架。 我跟着一个教程,在那里,老的scenario-runner被用来设置e2etesting(通过grunt )。 我想升级我的脚手架,而不是使用量angular器。 有什么想法吗?

如何通过使用angularjs延迟更改值?

我创build了基于angularjs基本应用程序 HTML: <div ng-app="miniapp"> <div ng-controller="Ctrl"> My name is <input type="text"/> Val: {{val}} <br/> <button ng-disabled="val">Submit</button> </div> JS: var app = angular.module('miniapp', []); var glob; function Ctrl($scope) { glob = $scope; $scope.val = false; window.setTimeout(function() { $scope.val = true; }, 3000); } window.setTimeout(function() { glob.val = true; }, 3000); 正如你所看到的,我试图在3秒后通过2种方式将val变为true ,但是没有人为我工作。 真奇怪。 我错过了什么? 其实我试图从Ajax获得响应后改变值,但假设应该是同样的问题。 谢谢, […]

AngularJS $ watch窗口调整内部指令

我有揭示模块模式,看起来像这样: 'use strict'; angular.module('app', []) .directive('myDirective', ['SomeDep', function (SomeDep) { var linker = function (scope, element, attr) { // some work }; return { link: linker, restrict: 'E' }; }]) ; 我遇到麻烦的是将$ watch整合到此。 特别注意窗口大小,用“$ window”服务。 [编辑]: 我意识到我的问题是这一整个时间…我限制元素,当我忘了我正在实现它作为属性… @ _ @;

如何使用$ resource操作设置自定义标题?

用$ http,我们可以这样做: var config = { headers: { 'something': 'anything' } }; $http.get('url/to/json', config) .success(function() { // do something… }) 我想做同样的$资源参考(不工作): var config = { headers: { 'something': 'anything' } }; MyResource.get( config, function() { // success // do something… } ); 相应的服务声明如下: .factory('MyResource', function($resource){ return $resource('url/to/json'); }) 它不工作:configuration对象去的url,而不是在http头。 有没有办法做到这一点 ?

ui路由器嵌套的路由控制器没有被调用

我正试图调用一个控制器,应该与home.category路由连接,但它不被调用。 有什么不对? $stateProvider .state("home", { // Use a url of "/" to set a states as the "index". url: "/", templateUrl: APP_CONFIG.baseUrl + 'partials/layouts/home.html', controller: 'MainCtrl' }) .state("home.category", { // Use a url of "/" to set a states as the "index". url: "c/:categoryId/:categorySlug", controller: function($stateParams) { alert($stateParams.categoryId); } })

在select标签上检测对ngModel的更改(Angular 2)

我试图在<select>标签中检测ngModel的变化。 在Angular 1.x中,我们可以使用ngChange上的$watch来解决这个ngModel ,或者使用ngChange来解决这个ngChange ,但是我还没有理解如何检测Angular 2中ngModel的变化。 例如 : http : //plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info 正如我们所看到的,如果我们从下拉列表中select一个不同的值,我们的ngModel改变,并且视图中的插值expression式反映了这一点。 我如何在class级/pipe理员中得到这个变化的通知?