指示 AngularJs: 从模板内的父域调用方法
我是指令的新手 Angular, 我很难让它做我想做的事。 以下是我所拥有的基础:
控制器:
指示:
模板 /editbutton.tpl.html/:
HTML:
如果不清楚,我想要标签
包含三个不同的按钮,每个按钮都与任何属性进行交互 scope, 转移到B.
. 单击时,它们必须更改此属性,然后调用适当的操作方法。
如何发生这种情况,按下按钮正确更改值
, 但方法
和
不起作用。 也许我远未了解如何正确使用指令,但我很难在互联网上找到一个例子,这将帮助我履行我想要做的事情。 任何帮助将不胜感激。
</edit-button>
控制器:
controller/'profileCtrl', function/$scope/ {
$scope.editing = {
'section1': false,
'section2': false
}
$scope.updateProfile = function// {};
$scope.cancelProfile = function// {};
}/;
指示:
directive/'editButton', function// {
return {
restrict: 'E',
templateUrl: 'editbutton.tpl.html',
scope: {
editModel: '=ngEdit'
}
};
}/;
模板 /editbutton.tpl.html/:
<button ng-click="editModel=true" ng-show="!editModel"></button>
<button ng-click="updateProfile//; editModel=false" ng-show="editModel"></button>
<button ng-click="cancelProfile//; editModel=false" ng-show="editModel"></button>
HTML:
<edit-button ng-edit="editing.section1"></edit-button>
如果不清楚,我想要标签
<edit-button>
包含三个不同的按钮,每个按钮都与任何属性进行交互 scope, 转移到B.
ng-edit
. 单击时,它们必须更改此属性,然后调用适当的操作方法。
如何发生这种情况,按下按钮正确更改值
$scope.editing
, 但方法
updateProfile
和
cancelProfile
不起作用。 也许我远未了解如何正确使用指令,但我很难在互联网上找到一个例子,这将帮助我履行我想要做的事情。 任何帮助将不胜感激。
</edit-button>
没有找到相关结果
已邀请:
1 个回复
小明明
赞同来自:
.
http://plnkr.co/edit/6hlINYjhNzcTSJoWbsDi
其他方式 /可能是最好的/ - 配置指令的绝缘区域,以便它包含与这些控制器功能的链接:
然后你通过功能 HTML:
http://plnkr.co/edit/HLqRPIzAz ... eview