大佬教程收集整理的这篇文章主要介绍了在AngularJS更新模型时如何触发指令?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
要扩展该解决方案,我添加了一个按钮到具有ng-click指令的页面:
<button ng-click="addCategory()" class="btn btn-large btn-primary" type="button"> <i class="icon-white icon-plus"></i> Add Category </button>
addCategory函数在我的控制器中定义:
$scope.addCategory = function(){ var newCategory = {id:0,name:"Category Name"}; $scope.categories.unshift(newCategory); }
myApp.directive('myDirective',function () { return function (scope,element,attr) { scope.$watch('someValue',function (val) { if (val) // allow edit else // hide edit }); } });
然后在你的控制器中,你将设置$scope.someValue = true;在您的ng点击按钮.
plunker:http://plnkr.co/edit/aK0HDY?p=preview
UPDATE
我已经进一步与上述答案.我已经做了更多的事情与你所追求的一致.
这是它的优点:http://plnkr.co/edit/y7iZpb?p=preview
这是新的指令:
.directive('editCar',function ($compile) { return { restrict: 'E',link: function (scope,attr) { var template = '<span class="car-edit">'+ '<input type="text" ng-model="car.name" />' + '<button ng-click="someValue = false" class="btn btn-primary">Save</button></span>'; scope.$watch('someValue',function (val) { if (val) { $(element).html(template).show(); $compile($('.car-edit'))(scope); } else $(element).hide(); }); } } })
它代替< edit-car>< / edit-car>元素与上述模板.保存按钮将值添加到名为editingCars的数组中.我已经留下了一些虚拟代码,使用$http.post()提交整个事情,
以上是大佬教程为你收集整理的在AngularJS更新模型时如何触发指令?全部内容,希望文章能够帮你解决在AngularJS更新模型时如何触发指令?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。