Tag: angularjs

如何testingAngularJS自定义提供程序

有没有人有如何unit testing提供者的例子？ 例如： config.js angular.module('app.config', []) .provider('config', function () { var config = { mode: 'distributed', api: 'path/to/api' }; this.mode = function (type) { if (type) { config.isDistributedInstance = type === config.mode; config.isLocalInstance = !config.isDistributedInstance; config.mode = type; return this; } else { return config.mode; } }; this.$get = function () { return config; }; […]

是否有可能“观察”属性的变化

是否有可能“监视”UI指令的变化？ 像这样的东西： .directive('vValidation', function() { return function(scope, element, attrs) { element.$watch(function() { if (this.hasClass('someClass')) console.log('someClass added'); }); } })

Angular – UI路由器 – 以编程方式添加状态

有没有办法编程添加状态到$ stateProvider模块configuration后，例如服务？ 为了给这个问题增加更多的背景，我有两种方法可以解决： 尝试强制在模块configuration中定义的状态重新加载，问题是状态有reloadOnSearch设置为false ，所以当我尝试$ state.go（'state.name'，{新：帕拉姆}，{重新加载：真正}）; 没有任何反应，任何想法？ 国家定义 .state('index.resource.view', { url: "/:resourceName/view?pageNumber&pageSize&orderBy&search", templateUrl: "/resourceAdministration/views/view.html", controller: "resourceViewCtrl", reloadOnSearch: false, }) 尝试以编程方式添加我需要从服务加载状态，以便路由可以正常工作。 如果可能的话，我宁愿select第一个选项。

在浏览器中使用testacular（现在的业力）

我试图找出debugging我的unit testing时，我打破他们的最佳方式。 通常在以前的testing环境中，我可以在浏览器中运行testing，断点testing或代码，看看我的testing失败的原因。 我似乎无法弄清楚如何做到这一点与两岸的。 有没有简单的方法来debuggingunit testing？

在AngularJS中突出显示过滤的结果

我正在使用ng-repeat和angularJS中的filter，如电话教程，但是我想突出显示页面中的search结果。 对于基本的jQuery，我只是简单地parsing了input中的关键字页面，但是我正在尝试以angular度来实现。 有任何想法吗 ？ 我的代码： <input id="search" type="text" placeholder="Recherche DCI" ng-model="search_query" autofocus> <tr ng-repeat="dci in dcis | filter:search_query"> <td class='marque'>{{dci.marque}} ®</td> <td class="dci">{{dci.dci}}</td> </tr>

无法从angular度检索喷油器

我有两个模块的应用程序： angular.module('components', []).directive('foo', function () { return {};}); angular.module('gaad', ['components']); 这里有一堆与这个模块相关的指令。 应用程序工作正常。 但是，当我试图检索模块gaad注入器： var injector = angular.injector(['gaad', 'components']); //called after 'gaad' module initialization 错误被抛出： Uncaught Error: Unknown provider: $compileProvider from components 现在的应用程序是相当大的，我不知道应该在哪里寻找错误。 所以我的问题是： 什么可能是我的问题的原因？ 编辑：我能够复制我的问题： http : //jsfiddle.net/selbh/ehmnt/11/

在config（）模块中注入依赖项 – AngularJS

目前在app.js我有以下路线： var gm = angular.module('gm', ['gm.services','gm.directives','gm.filters','gm.controllers','ngSanitize']); gm.config(['$routeProvider', 'Path', function($routeProvider, Path) { $routeProvider.when('/login', { templateUrl: Path.view('application/authentication/login.html'), controller: 'authController' }); $routeProvider.when('/dashboard', { templateUrl: Path.view('application/dashboard/index.html'), controller: 'dashboardController' }); $routeProvider.otherwise({ redirectTo: '/login' }); }]); 我试图在jectpath依赖关系，你可以看到。 虽然我得到一个错误，说它不能find这个提供者。 我认为这是因为configuration模块provicers是先执行任何事情之前。 下面是我在services.js中的path提供者定义 gm.factory("Path", function() { return { view: function(path) { return 'app/views/' + path; }, css: function(path) { return 'app/views/' + path; }, […]

如何使用ui-router为AngularJS提取查询参数？

如何使用ui-router为AngularJS提取查询参数？ 在AngularJS自己的$location服务中，我做了： （$ location.search（））。UID 从URL中提取参数uid。 ui-router的相应代码是什么？

ng-options如何设置第一个select总是空白的

我在项目中使用angularjs，并在其中使用ng-options来生成。 最初，当页面重新加载，没有select元素被选中的HTML生成如下： <select size="3" ng-model="item" ng-options="s.name for s in itemlist"> <option value="?" selected="selected"></option> <option value="0">Item 1</option> <option value="1">Item 2</option> <option value="2">Item 3</option> </select> 但是，当我select一个元素（例如第2项）时，第一个空白select消失了。 我知道它的发生，因为ng-model是通过select值来设置的。 但是我想先select总是空白，以便用户可以重置filter。 提前致谢。

控制器中未定义AngularJSmodal dialog表单对象

我们有一个页面，用下面的表格打开一个模式对话框。 然而，当我们点击控制器应该处理表单动作时，表单对象是不确定的，我是太多的angular度新手了解为什么… 这是父页面控制器拥有打开模式对话框的function： app.controller('organisationStructureController', ['$scope', …, '$modal', function ($scope, …, $modal) { $scope.openInvitationDialog = function (targetOrganisationId) { $modal.open({ templateUrl: 'send-invitation.html', controller: 'sendInvitationController', resolve: {$targetOrganisationId: function () { return targetOrganisationId; } } } ); }; 在这样的页面上： // inside a loop over organisations <a ng-click="openInvitationDialog({{organisation.id}})">Invite new member</a> 邀请对话框html看起来像这样： <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <!– … –> […]