【angular可复用的能双向绑自定义指令如何实现双向绑定 _angular 指令】

angular可复用的能双向绑自定义指令如何实现双向绑定

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular 指令

详细描述

截图

代码

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-controller="myCtrl">
<test-dir inner-name="name"></test-dir>
<div ng-click="ddd()">ddddddd</div>
</body>
<script src="Angularjs1.3.js"></script>
<script>
    angular.module("myApp",[])
        .controller("myCtrl",function ($scope) {
            $scope.name="qqq";
            $scope.ddd= function () {
                console.log($scope.name)
            }
        })
        .directive("testDir",function(){
            return{
                restrict:"E",
                scope:{
                    name: "="
                },
                template:"<input type='text' ng-model='name' placeholder='请输入'>"
            }
        })
</script>
<html>

编辑于2024-11-20