javascript - angular为什么这个指令里面可以没有模板template?
PHPz
PHPz 2017-04-11 13:08:54
[JavaScript讨论组]
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模板里才引用的,上面的空模板是咋个意思?

我的名字是:
我的年龄是:

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: "

" + "

下面部分是我们创建的指令生成的

" + "我的名字是:
" + "我的年龄是:
" + "在这里修改名字:
" + "" + "

" } return obj; });
PHPz
PHPz

学习是最好的投资!

全部回复(2)
PHP中文网

在编写指令的时候,不一定都要指定模板的,比如像ngShow这样的内置指令,有时只是需要做一些简单的交互操作并不会涉及到模板

怪我咯

angular 的指令和组件分的不是很清楚, 这方面vue 分的比较清楚, 组件可以说是定义有另外功能的html标签.你说的不要模板的应该是指令, 那些要模板的 我更倾向用认为他是组件

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号