javascript – AngularJS – 创建条件按钮级联所有属性的指令

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS – 创建条件按钮级联所有属性的指令，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1769字，纯文字阅读大概需要3分钟。

内容图文

我想创建一个AngularJS指令,该指令能够使用ng-if创建一个自定义按钮,该按钮基于一个触发事件属性(绑定并根据用户在表单上执行的操作具有动态值)并级联所有其他属性(新按钮上的任何,不可预测的.该按钮将包含myButton的相同HTML.

触发事件条件在控制器中指定：

$scope.trigger = (specified in the controller and dynamic); // can be true or false
$scope.disabled = (specified in the controller and dynamic); // can be true or false

myButton将是这样的：

<my-button trigger-event="trigger" class="class" ng-disabled="disabled" ng-click="callback" any-other-attribute=[...]>
  <span>any html</span>
  <any-other-html></any-other-html>
</my-button>

该指令将反映在以下内容中：

<button ng-if="trigger-event" directive-to-trigger-event class="class" ng-disabled="disabled" any-other-attribute=[...]>
  <span>any html</span>
  <any-other-html></any-other-html>
</button>
<button ng-if="!trigger-event" type="submit" class="class" ng-disabled="disabled" ng-click="callback" any-other-attribute=[...]>
  <span>any html</span>
  <any-other-html></any-other-html>
</button> 

指令触发事件可能是任何东西：启动弹出窗口的东西,重置窗体的东西,任何东西.

任何人都知道如何做到这一点？任何提示都将非常感激.

这是个主意：http://plnkr.co/edit/kHCoExQSTPssL294NUux?p=preview

谢谢！

解决方法:

可以创建触发任何事件的指令.在任何事件触发器上,必须有特定的功能以独特的方式执行.

因此,创建一个Base作用域控制器并使用该控制器的作用域注册所需的触发事件函数.还传递一个属性,该属性包含与函数声明具有相同序列的函数参数.

正如您所提到的创建指令将在下面使用linke：

<my-button trigger-event="triggerFunctionName" class="class" other-attribute=[...]
         trigger-html-content="triggerHTMLPartialName">
     <span>any html</span>
     <any-other-html></any-other-html>
</my-button>

创建指令共享基本控制器范围并编译传递的模板URL的HTML和更改指令以及transcluded模式并执行传递的触发器函数.

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS – 创建条件按钮级联所有属性的指令全部内容，希望文章能够帮你解决javascript – AngularJS – 创建条件按钮级联所有属性的指令所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端