Questions tagged «angularjs»

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

29
AngularJS-ng-cloak / ng-show元素闪烁
我在angular.js中使用指令/类ng-cloak或的问题ng-show。 Chrome可以正常运行，但是Firefox会通过ng-cloak或导致元素闪烁ng-show。恕我直言，它是由引起的转换ng-cloak/ ng-show到style="display: none;"，可能是Firefox的JavaScript编译器是有点慢，所以元素出现了一会儿，然后躲起来？ 例： <ul ng-show="foo != null" ng-cloak>..</ul>
6
ng-app与data-ng-app有什么区别？
目前，我在看这个入门教程视频的angular.js 在某一时刻（后12'40" ），扬声器指出的属性ng-app和data-ng-app=""是内部或多于或少于<html>标签等都是ng-model="my_data_binding和data-ng-model="my_data_binding"。但是发言者说，HTML代码将通过不同的验证验证，这取决于哪个属性用过的。 您能解释一下ng-前缀和data-ng-前缀这两种方式之间的区别吗？
230 html  angularjs 
17
反向角度重复
我怎样才能得到一个角度反向阵列？我正在尝试使用orderBy过滤器，但是它需要一个谓词（例如'name'）进行排序： <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> 有没有一种方法可以反转原始数组，而不进行排序。像那样： <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>
10
Angular将回调函数作为@Input传递给子组件，类似于AngularJS的方式
AngularJS具有＆参数，您可以在其中将回调传递给指令（例如AngularJS的回调方式。是否可以将回调作为@InputAngular Component的传递（如下所示）？ AngularJS呢？ @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` <div (mousedown)="suggestionWasClicked(suggestion)"> </div>`, changeDetection: ChangeDetectionStrategy.Default }) export class SuggestionMenuComponent { @Input() callback: Function; suggestionWasClicked(clickedEntry: SomeModel): void { this.callback(clickedEntry, this.query); } } <suggestion-menu callback="insertSuggestion"> </suggestion-menu>
6
典型的AngularJS工作流程和项目结构（使用Python Flask）
对于整个MV *客户端框架的狂热，我还是一个新手。它不一定是AngularJS，但我选择它是因为它对我来说比淘汰赛，Ember或Backbone更自然。无论如何，工作流程是什么样的？人们是否开始在AngularJS中开发客户端应用程序，然后将其连接到后端？ 还是相反，首先在Django，Flask，Rails中构建后端，然后将AngularJS应用附加到该后端？是否有“正确”的方式来做，还是最终只是个人喜好？ 我也不确定是否根据Flask或AngularJS构建我的项目？社区实践。 例如，Flask的minitwit应用程序的结构如下： minitwit |-- minitwit.py |-- static |-- css, js, images, etc... `-- templates |-- html files and base layout AngularJS教程应用程序的结构如下： angular-phonecat |-- app `-- css `-- img `-- js `-- lib `-- partials `-- index.html |-- scripts `-- node.js server and test server files 我可以单独想象一个Flask应用程序，并且很容易看到像ToDo List这样的AngularJS应用程序，但是当同时使用这两种技术时，我不知道它们是如何协同工作的。当您已经拥有AngularJS时，似乎几乎不需要服务器端Web框架，一个简单的Python …
25
使用AngularJS限制字符串的长度
我有以下几点： <div>{{modal.title}}</div> 有没有一种方法可以将字符串的长度限制为20个字符？ 还有一个更好的问题是，...如果超过20个字符，我是否可以更改字符串以将其截断并显示在末尾？
14
Access-Control-Allow-Headers不允许请求标头字段Access-Control-Allow-Headers
我正在尝试使用发布请求将文件发送到服务器，但是在发送请求时会导致错误： Access-Control-Allow-Headers不允许请求标头字段Content-Type。 所以我搜索了错误并添加了标题： $http.post($rootScope.URL, {params: arguments}, {headers: { "Access-Control-Allow-Origin" : "*", "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS", "Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With" } 然后我得到错误： Access-Control-Allow-Headers不允许请求标头字段Access-Control-Allow-Origin 所以我用谷歌搜索，唯一能找到的类似问题是半答案，然后关闭主题。我应该添加/删除哪些标题？
10
没有哈希'＃'的AngularJS路由
我正在学习AngularJS，有一件事让我很烦。 我用来$routeProvider为我的应用程序声明路由规则： $routeProvider.when('/test', { controller: TestCtrl, templateUrl: 'views/test.html' }) .otherwise({ redirectTo: '/test' }); 但是当我在浏览器中导航到我的应用程序时，我看到的app/#/test不是app/test。 所以我的问题是为什么AngularJS将此哈希添加#到url中？有可能避免它吗？
10
如何解决npm UNMET PEER DEPENDENCY警告？
我在Windows 10上，使用Node 5.6.0和npm 3.6.0。我正在尝试将angular-material和mdi安装到我的工作文件夹中。npm使用以下命令安装角度材料的mdi错误： +-- angular@1.5.0 +-- UNMET PEER DEPENDENCY angular-animate@^1.5.0 +-- UNMET PEER DEPENDENCY angular-aria@^1.5.0 +-- angular-material@1.0.6 +-- UNMET PEER DEPENDENCY angular-messages@^1.5.0 `-- mdi@1.4.57 npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\xxxxx\Desktop\ngClassifieds\package.json' npm WARN angular-material@1.0.6 requires a peer of angular-animate@^1.5.0 but none was installed. npm WARN …
10
如何在Angular.js中配置不同的环境？
如何管理不同环境的配置变量/常量？ 这可能是一个示例： 我的其余API可以访问localhost:7080/myapi/，但在Git版本控制下使用相同代码工作的朋友在Tomcat上已部署了该API localhost:8099/hisapi/。 假设我们有这样的东西： angular .module('app', ['ngResource']) .constant('API_END_POINT','<local_end_point>') .factory('User', function($resource, API_END_POINT) { return $resource(API_END_POINT + 'user'); }); 如何根据环境动态注入API端点的正确值？ 在PHP中，我通常使用config.username.xml文件来执行此类操作，将基本​​配置文件（config.xml）与用户名称识别的本地环境配置文件合并。但是我不知道如何在JavaScript中管理这种事情？
6
父ng-repeat对子ng-repeat的访问索引
我想使用父列表（foos）的索引作为子列表（foos.bars）中函数调用的参数。 我发现了有人建议使用$ parent。$ index的帖子，但$index不是的属性$parent。 如何访问父级的索引ng-repeat？ <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> </div> </div> </div>
10
AngularJS-当使用ng模型时，输入文本框中的Value属性会被忽略吗？
如果我将简单的输入文本框值设置为类似于下面的“ bob”，则使用AngularJS。如果ng-model添加了属性，则该值不显示。 <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/> 任何人都知道可以通过简单的方法将此输入默认设置为某值并保持ng-model？我尝试将a ng-bind与默认值一起使用，但这似乎也不起作用。
6
使用ng-class的AngularJS切换类
我正在尝试使用切换元素的类 ng-class <button class="btn"> <i ng-class="{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}"></i> </button> isAutoScroll（）： $scope.isAutoScroll = function() { $scope.autoScroll = ($scope.autoScroll) ? false : true; return $scope.autoScroll; } 基本上，如果$scope.autoScroll为true，我希望ng-class是icon-autoscroll，如果为false，我希望它为icon-autoscroll-disabled 我现在无法使用，并且在控制台中产生此错误 Error: Lexer Error: Unexpected next character at columns 18-18 [?] in expression [{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}]. 如何正确执行此操作？ 编辑 解决方案1 ​​：（已过时） <button …
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.