国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - angular為什么這個指令里面可以沒有模板template?
PHPz
PHPz 2017-04-11 13:08:54
0
2
258
myApp
.directive('timeInput', function(){
    return {
        restrict : 'A',
        scope : {
            ngModel : '='
        },
        link: function (scope) {
            if (scope.ngModel) scope.ngModel = new Date(scope.ngModel);
        }
    }
});

scope里面的這個ngModel不是指的template中元素里面的ng-model嗎?比如下面這個例子,scope: {name: '@myName',age: '=',changeAge: '&changeMyAge'}里面的三個name,age,changeAge都是中template模板里才引用的,上面的空模板是咋個意思?

<p ng-app="MyApp">
    <p class="container" ng-controller="MyController">
        <p class="my-info">我的名字是:<span ng-bind="name"></span>

            <br/>我的年齡是:<span ng-bind="age"></span>
            <br />
        </p>
        <p class="my-directive" my-directive my-name="{{name}}" age="age"  change-my-age="changeAge()"></p>
    </p>
</p>
angular.module("MyApp", [])
    .controller("MyController", function ($scope) {
    $scope.name = "dreamapple";
    $scope.age = 20;
    $scope.changeAge = function(){
        $scope.age = 0;
    }
})
    .directive("myDirective", function () {
    var obj = {
        restrict: "AE",
        scope: {
            name: '@myName',
            age: '=',
            changeAge: '&changeMyAge'
        },
        replace: true,
        template: "<p class='my-directive'>" +
            "<h3>下面部分是我們創(chuàng)建的指令生成的</h3>" +
            "我的名字是:<span ng-bind='name'></span><br/>" +
            "我的年齡是:<span ng-bind='age'></span><br/>" +
            "在這里修改名字:<input type='text' ng-model='name'><br/>" +
            "<button ng-click='changeAge()'>修改年齡</button>" +
            " </p>"
    }
    return obj;
});
PHPz
PHPz

學(xué)習(xí)是最好的投資!

reply all(2)
洪濤

在編寫指令的時候,不一定都要指定模板的,比如像ngShow這樣的內(nèi)置指令,有時只是需要做一些簡單的交互操作并不會涉及到模板

劉奇

angular 的指令和組件分的不是很清楚, 這方面vue 分的比較清楚, 組件可以說是定義有另外功能的html標(biāo)簽.你說的不要模板的應(yīng)該是指令, 那些要模板的 我更傾向用認為他是組件

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template