Tag: angularjs
angularJS：如何在父范围内调用子范围函数
如何从父范围调用子范围中定义的方法？ function ParentCntl() { // I want to call the $scope.get here } function ChildCntl($scope) { $scope.get = function() { return "LOL"; } } http://jsfiddle.net/wUPdW/
当模型元素与模型数组拼接时，AngularJS：ng-repeat列表不会更新
我有两个控制器，并使用app.factory函数在它们之间共享数据。 第一个控制器在单击链接时在模型数组（pluginsDisplayed）中添加一个小部件。 该小部件被推入到数组中，这个变化反映到视图中（使用ng-repeat显示数组内容）： <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> 小部件是build立在三个指令，k2plugin，删除和resize。 remove指令为k2plugin指令的模板添加一个span。 当单击所述跨度时，使用Array.splice()删除共享数组中的正确元素。 共享数组已正确更新，但更改未反映在视图中。 但是，当添加另一个元素时，在删除之后，视图将被正确刷新，并且不会显示之前删除的元素。 我错了什么？ 你能解释一下为什么这不起作用吗？ 有没有更好的方法来做我想用AngularJS做什么？ 这是我的index.html： <!doctype html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"> </script> <script src="main.js"></script> </head> <body> <div ng-app="livePlugins"> <div ng-controller="pluginlistctrl"> <span>Add one of {{pluginList.length}} plugins</span> <li ng-repeat="plugin in pluginList"> <span><a href="" ng-click="add()">{{plugin.name}}</a></span> </li> </div> <div ng-controller="k2ctrl"> <div ng-repeat="pluginD in […]
Angular UI路由器 – 如何访问从父模板传递的嵌套命名视图中的参数？
您好，我正在尝试访问控制器“ViewWorklogCrtl”中的一个参数，同时使用UI路由器，并遇到困难。 基本上，我的父母模板包含： a(ui-sref="instance-ticket.worklog({id:{{ticket.testnum}}})") show 然后再往下看： section(ui-view="top-section") 然后在我的app.js中，包含客户端路由信息，总之我有： $stateProvider .state('instance-ticket', { url: '/ticket/:instanceID', templateUrl: 'partials/instance-ticket', controller: 'ViewTicketCrtl' }) .state('instance-ticket.worklog', { views:{ 'top-section':{ templateUrl:'/partials/ticket.worklog.jade', controller: 'ViewWorklogCrtl' } } }) 模板加载工作正常，问题和问题，我找不到答案是 – 如何访问“testnum”通过ui-sref链接传递到和ViewWorkLogCtrl内…是否有更好的方法来这个？ 非常感谢！！！
如何在AngularJS中设置Cookie的到期date
我们希望将用户的授权信息存储在浏览器刷新（F5）时不应该丢失的cookie中。 我们希望将授权信息存储在“永久cookie”中，以防用户在login时select“记住我”checkbox。
在Angular JS中dynamic应用CSS样式属性
这应该是一个简单的问题，但我似乎无法find解决scheme。 我有以下标记： <div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div> 我需要将背景颜色绑定到范围，所以我尝试了这个： <div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div> 这没有用，所以我做了一些研究，发现了ng-style ，但是没有奏效，所以我试着把dynamic的部分拿出来，只是用ng-style对风格进行硬编码，像这样… <div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div> 这甚至不起作用。 我误解了ng-style作品吗？ 有没有办法将{{data.backgroundCol}}放入一个普通的样式属性中并让它插入值？
Angular JS自定义分隔符
如何使用angularJS的自定义分隔符？ 我想从{{ var }}语法更改为[[ var ]] 。 有人可以告诉我一个完整的例子，如何与Angular实现这个？
如何从AngularJS的JSON feed中填充select下拉列表？
我一直在努力寻找榜样，但根本找不到任何东西。 我唯一知道的是我可以使用http模块来获取我的数据。 这是我目前正在做的，但它是用Knockout编码的。 有人可以给我一些build议，我怎么可以使用AngularJS重新编码这个function？ HTML <select id="testAccounts" data-bind="options: testAccounts, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'Select Account', value: selectedTestAccount"> </select> 使用Javascript <script type='text/javascript'> $(document).ready(function () { var townSelect = function () { var self = this; self.selectedTestAccount = ko.observable(); self.testAccounts = ko.observableArray(); var townViewModel = new townSelect(); ko.applyBindings(townViewModel); $.ajax({ url: '/Admin/GetTestAccounts', data: { applicationId: 3 }, […]
迭代ng-在AngularJs中只重复X次
如何在JavaScript中使用ng-repeat？ 例： <div ng-repeat="4">Text</div> 我想重复ng-repeat 4次，但是我怎么做呢？
AngularJS – 如何引用ng-Repeat中的属性名称
除了呈现对象中属性的值之外，我还想将属性名称作为标签呈现。 有没有办法做到这一点与ng-repeat ？ 例如： <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> 这可能会吐出这样的事情： <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>
从AngularJS指令访问属性
我的AngularJS模板包含一些自定义HTML语法，如： <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> 我创build了一个指令来处理它： .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } }, } }) 一切工作正常， attrs.tooltipexpression式的例外，它总是返回undefined ，即使在做一个console.log(attrs)时，从Chrome浏览器的JavaScript控制台中可以看到tooltip属性。 任何build议？ 更新：Artem提供了一个解决scheme。 它包括这样做： link: function(scope, element, attrs) { attrs.$observe('tooltip', function(value) { if […]
