angularjs 怎么动态添加一个有directive的元素

angularjs 怎么动态添加一个有directive的元素,第1张

能具体说一下你的需求吗?

创建自定义指令的方法:

<!--创建自定义指令-->

<div id="appauto" data-ng-app="appauto">

    <!--标签-->

    <app-auto></app-auto>

    <!--属性-->

    <div app-auto></div>

    <!--类名-->

    <div class="app-auto"></div>

    <!--注释-->

    <!-- directive:app-auto -->

</div> var appauto=angular.module('appauto',[])

        appauto.directive('appAuto',function(){

            return {

//                restrict限制使用:

//                A属性E元素C类名M注释,默认EA

                restrict:'AEMC',

                template:'<h1>自定义指令创建</h1>'

            }

        })

        angular.bootstrap(document.getElementById('appauto'),['appauto'])

1、因为要生成不确定数量和内容的HTML元素,所以需要一个(双向绑定的)集合来保存它们;

2、同时需要一个对象来保存目前正在创建的项,还需要一个方法用于把这个项保存到集合里然后重置它;

3、当然也可以不需要一个对象,而是捕获添加时input的值,但这不是angular的写法,这是jQuery的写法。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11740655.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存