Tag: angularjs
Angular ng-if =“”有多个参数
我正在尝试开始angular度发展。 在审阅文档后，一些问题仍然存在。 我如何最好地写一个ng-if与多个参数对应 if( a && b)或者if( a || b )
AngularJs将复杂的数据传递给指令
我有以下指令： <div teamspeak details="{{data.details}}"></div> 这是对象结构： data: { details: { serverName: { type: 'text', value: 'my server name' }, port: { type: 'number', value: 'my port' }, nickname: { type: 'text' }, password: { type: 'password' }, channel: { type: 'text' }, channelPassword: { type: 'password' }, autoBookmarkAdd: { type: 'checkbox' } } } 我希望它根据data.details对象中的数据生成一个链接。 不幸的是，它不工作，因为我不能访问任何details对象的内部值 […]
AngularJs 1.5 – 组件不支持Watchers，这是什么工作？
我一直在升级我的自定义指令到新的组件方法。我读过这个组件不支持观察者。 它是否正确？ 如果是这样，你如何检测对象的变化。 对于一个基本的例子，我有自定义组件myBox，它有一个绑定在游戏上的子组件游戏。 如果游戏组件中有更改游戏，那么我怎样在myBox中显示警报消息？ 我明白有rxJS方法是可以做到这一点纯粹angular度？ 我的JS FIDDLE JS FIDDLE JS var app = angular.module('myApp', []); app.controller('mainCtrl', function($scope) { $scope.name = "Tony Danza"; }); app.component("myBox", { bindings: {}, controller: function($element) { var myBox = this; myBox.game = 'World Of warcraft'; //IF myBox.game changes, show alert message 'NAME CHANGE' }, controllerAs: 'myBox', templateUrl: "/template", transclude: true […]
AngularJS – 服务，工厂，filter等的dependency injection
所以我有一些插件和库我想用在我的angular度的应用程序和（目前）我只是简单地引用这些函数/方法，因为他们打算在99％的应用程序的方式，完全忽略dependency injection。 我有（例如）处理格式和validationdate的JavaScript库“MomentJS”，我已经在我的应用程序在控制器，服务和filter中使用它。 我学习的方式（使用AngularJS）是创build一个引用函数（和它的方法）的服务，并将该服务注入到我的控制器中，这很好。 问题是，我真的需要从服务，filter到控制器等所有不同types的组件中引用这个库。 所以，我想我的问题是你怎么做在filter，服务和其他一切不是控制器的dependency injection？ 这可能吗？ 这甚至是有益的吗？ 任何帮助将不胜感激 ：）
jQuery的扩展与angular度扩展
这两个扩展函数有什么区别？ angular.extend(a,b); $.extend(a,b); 虽然jquery.extend被很好的logging在angular.extend缺乏的细节和评论那里没有提供答案。 （ https://docs.angularjs.org/api/ng/function/angular.extend ）。 angular.extend是否也提供深度复制？
具有使用AngularJS并连接到ASP.NET Web API 2的login屏幕的SPA示例？
我想创build一个新的AngularJS，Web API单页面应用程序。 有没有人有任何示例，显示如何设置一个用户login屏幕连接到一个简单的login（无需谷歌/ Facebooklogin等），使用ASP.NET身份，无需用户注册的WEB API控制器。 另外我怎样才能处理显示一个新的视图，一旦login已完成。 我想要的是有一个解决scheme，不显示在浏览器的URL路由。 因此，例如，我希望能够从login视图和其他一些不同的视图切换，而不必从www.abc.com更改url。 换句话说，我想避免显示www.abc.com/screen2 任何意见将不胜感激。
如何在AngularJS中显示未定义expression式值的占位符？
如果我有一个expression式{{ x }}并且x undefined或为null ，那么我怎样才能显示一个占位符呢？ 我在答复中提供了一个解决scheme，但我想知道还有其他的方法。 也许，也是承诺的承诺。
双向绑定不能在指令中使用transcluded作用域
我有一个控制器中的文本框绑定到模型name 。 控制器内有一个指令，指令里面还有另一个文本框，它绑定到同一个模型name ： <div class="border" ng-controller="editCtrl"> Controller: editCtrl <br/> <input type="text" ng-model="name" /> <br/> <tabs> Directive: tabs <br/> <input type="text" ng-model="name"/> </tabs> </div> mod.directive('tabs', function() { return { restrict: 'E', transclude: true, template: '<div class="border" ng-transclude></div>', }; }); 当您在外部文本框中input内容时，它会反映在内部文本框中，但是如果在内部文本框中键入内容，它将停止工作，即两个文本框不会再反映相同的值。 看例子： http : //jsfiddle.net/uzairfarooq/MNBLd/ 我也尝试过使用两种方式绑定attr（ scope: {name: '='} ），但它给语法错误。并使用scope: {name: '@'}具有相同的效果。 任何帮助将不胜感激。 除了被接受的答案之外， 这篇文章还真的帮助我理解了孩子们的原型inheritance。 我强烈build议任何有问题的人都可以仔细阅读。
使用ui-router和Angularjs自动滚动到TOP
我已经阅读了许多不同的问题，并没有提供任何解决scheme似乎符合我的使用情况。 我只是简单地把所有的链接都放在target =“_ top”，但是实际上这强制我的应用重新加载哪个不能工作。 我也看到有人说他们使用autoscroll =“true”，但只有在我的ui视图中才有效 。 这个问题是，在我的index.html文件中，我已经修复了导航和其他静态元素，高于我的第一个UI视图。 这意味着当我转到其他页面时，当页面加载经过这些元素时，我将失去导航。 我也试过把这个放在身体上： <body autoscroll="true"> </body> 这似乎也没有做任何事情。 所以问题是，我怎样才能确保新的页面（从路由器的新路线更改）导致页面的顶部开始？ 谢谢！
使用ng-if在ng-repeat中？
我正在处理Angular应用程序。 我试图用ng-if和在ng-repeat内部切换，但是没有成功。 我有像这样的数据： **[{"_id":"52fb84fac6b93c152d8b4569", "post_id":"52fb84fac6b93c152d8b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"hoot",}, {"_id":"52fb798cc6b93c74298b4568", "post_id":"52fb798cc6b93c74298b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"story",}, {"_id":"52fb7977c6b93c5c2c8b456b", "post_id":"52fb7977c6b93c5c2c8b456a", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"article",},** $ scope.comments =上面提到的数据 和我的Html一样： <div ng-repeat = "data in comments"> <div ng-if="hoot == data.type"> //differnt template with hoot data </div> <div ng-if="story == data.type"> //differnt template with story data </div> <div ng-if="article == data.type"> //differnt template with article data </div> […]
