Questions tagged «angularjs»

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

8
错误：无法调用类型缺少调用签名的表达式
我是打字稿的新手，并且有两节课。在父类中，我有： abstract class Component { public deps: any = {}; public props: any = {}; public setProp(prop: string): any { return <T>(val: T): T => { this.props[prop] = val; return val; }; } } 在儿童班，我有： class Post extends Component { public toggleBody: string; constructor() { this.toggleBody = this.setProp('showFullBody'); } public …
5
正确使用控制器中的角度转换
我在AngularJS应用程序中为i18n 使用angular-translate。 对于每个应用程序视图，都有一个专用的控制器。在下面的控制器中，我设置了要显示为页面标题的值。 码 的HTML <h1>{{ pageTitle }}</h1> 的JavaScript .controller('FirstPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = $filter('translate')('HELLO_WORLD'); }]) .controller('SecondPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = 'Second page title'; }]) 我正在使用angular-translate-loader-url扩展名加载翻译文件。 问题 在初始页面加载时，将显示翻译键，而不是该键的翻译。翻译是Hello, World!，但我看到了HELLO_WORLD。 第二次我进入页面时，一切都很好，并显示了翻译版本。 我认为问题与以下事实有关：在控制器将值分配给时，转换文件可能尚未加载$scope.pageTitle。 备注 使用<h1>{{ pageTitle | translate }}</h1>和时$scope.pageTitle = 'HELLO_WORLD';，翻译从第一次开始就完美。问题是我不总是要使用翻译（例如，对于第二个控制器，我只想传递原始字符串）。 题 这是已知问题/限制吗？如何解决？
30
如何在下拉式Protractor.js e2e测试中选择选项
我正在尝试使用量角器从下拉菜单中选择一个选项进行角度e2e测试。 这是select选项的代码片段： <select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="organization.id !== undefined" ng-options="o.id as o.name for o in organizations" ng-model="organization.parent_id"> <option value="?" selected="selected"></option> <option value="0">Ranjans Mobile Testing</option> <option value="1">BeaverBox Testing</option> <option value="2">BadgerBox</option> <option value="3">CritterCase</option> <option value="4">BoxLox</option> <option value="5">BooBoBum</option> </select> 我努力了： ptor.findElement(protractor.By.css('select option:1')).click(); 这给了我以下错误： 指定了无效或非法字符串Build info：版本：'2.35.0'，修订版：'c916b9d'，时间：'2013-08-12 15:42:01'系统信息：os.name：'Mac OS X' ，os.arch：'x86_64'，os.version：'10 .9'，java.version：'1.6.0_65'驱动程序信息：driver.version：未知 …
17
错误：参数不是函数，未定义
在Scala Play中使用AngularJS时，出现此错误。 错误：参数“ MainCtrl”不是函数，未定义 我正在尝试创建包含一周中各天的表格。 请看一下我的代码。我检查了控制器的名称，但这似乎是正确的。注意：此SO 答案中使用的代码 index.scala.html @(message: String) @main("inTime") { <!doctype html> <html lang="en" ng-app> <head> <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")"> </head> <div ng-controller="MainCtrl"> <table border="1"> <tbody ng-repeat='(what,items) in data'> <tr ng-repeat='item in items'> <td ngm-if="$first" rowspan="{{items.length}}">{{what}}</td> <td>{{item}}</td> </tr> </tbody> </table> </div> </html> } MainCtrl.js (function() { angular.module('[myApp]', []).controller('MainCtrl', …
10
编写AngularJs应用程序时Jade或Handlebars有什么用
我是整个javascript全栈应用程序的新手，并且对Angular还是陌生的，所以我希望有人可以在这里为我提供记录。 为什么在使用AngularJS编写客户端应用程序时需要使用Jade或Handlebars之类的模板框架。 我应该说，我也从未使用过任何这些模板框架。因此，我完全不了解这些优势。但是，例如，当我看一下Handlebars时，它会执行许多与Angular中相同的事情，例如循环等。 据我所知，使用适当的HTML在Angular中创建模板，然后对所有客户端进行模板化，然后将其与使用node和mongo的API first方法结合起来，将是最有意义的。 造成这种混乱的原因是，我在GitHub上找到的许多示例都使用了Jade，这对我来说似乎很不直观。 请开导我，让我挺直。我很乐意向比我了解更多的人学习一些最佳实践。 谢谢
3
将$ state（ui-router）注入$ http拦截器会导致循环依赖
我正在努力实现的目标 如果$ http请求返回401错误，我想过渡到某个状态（登录）。因此，我创建了一个$ http拦截器。 问题 当我尝试将'$ state'插入拦截器时，我得到了循环依赖。为什么以及如何解决？ 码 //Inside Config function var interceptor = ['$location', '$q', '$state', function($location, $q, $state) { function success(response) { return response; } function error(response) { if(response.status === 401) { $state.transitionTo('public.login'); return $q.reject(response); } else { return $q.reject(response); } } return function(promise) { return promise.then(success, error); …
6
如何使用UI路由器将对象传递到状态？
我希望能够使用ui-router转换为状态并传递任意对象。 我知道通常$stateParams会使用它，但是我相信此值会插入URL中，并且我不希望用户能够为该数据添加书签。 我想做这样的事情。 $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; 有没有办法在不将值编码到URL的情况下执行此操作？
4
来自其他控制器的指令控制器中的调用方法
我有一个具有自己的控制器的指令。请参见以下代码： var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; } } var linkFn = function (scope, lElement, …
6
如何在一页中定义两个角度应用程序/模块？
我正在尝试将两个有角度的应用程序/模块添加到一页。在下面的小提琴中，您可以看到始终只有html代码中引用的第一个模块可以正常工作，而第二个模块不能被angular识别。 在这个小提琴中，我们只能执行该doSearch2方法，而在这个小提琴中，仅该doSearch方法可以正常工作。 我正在寻找如何将两个角度模块正确放置到一页中的方法。
16
href覆盖Angular.js中的ng-click
同时定义href属性和ng-click属性： <a href="#" ng-click="logout()">Sign out</a> 该href属性优先于ng-click。 我正在寻找一种提高ng-click优先级的方法。 href 是Twitter Bootstrap所必需的，我无法将其删除。
118 html  angularjs  anchor  markup 
7
AngularJS-选择单选按钮时触发
我搜索并尝试了许多ng-xxxx类型的选项，但找不到该选项。我只想在选择单选按钮时在控制器中调用某些功能。 因此，它可能类似于以下内容。（当然，下面的代码不起作用） <input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/> 有什么方法可以实现我想要的吗？
118 angularjs 
5
AngularJS：将服务注入HTTP拦截器（循环依赖）
我正在尝试为AngularJS应用编写HTTP拦截器以处理身份验证。 这段代码有效，但是我担心手动注入服务，因为我认为Angular应该自动处理此问题： app.config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push(function ($location, $injector) { return { 'request': function (config) { //injected manually to get around circular dependency problem. var AuthService = $injector.get('AuthService'); console.log(AuthService); console.log('in request interceptor'); if (!AuthService.isAuthenticated() && $location.path != '/login') { console.log('user is not logged in.'); $location.path('/login'); } return config; } }; …
6
ng-change获得新值和原始值
我正在使用ng-options从下拉列表中选择值。我希望能够将旧值与新值进行比较。ng-change非常适合抓住下拉菜单的新值，但是如何同时获得新值和原始值？ <select ng-change="updateValue(user)" ng-model="user.id" ng-options="user.id as user.name for user in users"></select> 例如，假设我希望控制器记录“您以前的user.name是BILL，您的当前用户名为PHILLIPE”。
4
角度变化延迟
我有一个输入，可以根据更改过滤ng-repeat列表。重复数据包含大量数据，并且需要花费几秒钟来过滤所有内容。我希望它们在开始过滤过程之前有0.5秒的延迟。产生延迟的正确方法是什么？ 输入值 <input ng-model="xyz" ng-change="FilterByName()" /> 重复 <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> 过滤功能 $scope.FilterByName = function () { //Filtering Stuff Here }); 谢谢
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.