AngularJS: 自定义指令与控制器数据交互

<!doctype html>
<html><head><meta charset="utf-8"><title>AngularJS自定义指令与控制器数据交互</title>
<!--        <script src="http://cdn.bootcss.com/angular.js/1.3.15/angular.js"></script>--><script src="../../lib/angular/angular.js"></script><script>angular.module('yyApp', []).controller('yyHelloController', function($scope){$scope.data = {name: '张三'}}).controller('yyHelloController2', function($scope){$scope.data = {name: '李四'}}).directive('yyHello', function(){return{restrict: 'AE',replace: true,template: '<div name="{{data.name}}">你好,{{data.name}}</div>'};});</script></head><body ng-app='yyApp'><yy-hello ng-controller='yyHelloController'></yy-hello><div ng-controller='yyHelloController2'><input type="text" ng-model='data.name'><yy-hello></yy-hello></div></body>
</html>

转载于:https://www.cnblogs.com/yaoyu126/p/4427550.html

AngularJS: 自定义指令与控制器数据交互相关推荐

AngularJS自定义指令详解（有分页插件代码）
前言除了 AngularJS 内置的指令外,我们还可以创建自定义指令. 通过 .directive() 函数来添加自定义的指令. 调用自定义指令时,需要在HTMl 元素上添加自定义指令名. 自定义指 ...
AngularJS - 自定义指令
这一篇从自定义指令出发,记录了定义一个指令时影响指令行为的各种因素. 试着感受这些因素,让自己更高效地编写AngularJS应用. Directive 先从定义一个简单的指令开始. 定义一个指令本质上 ...
angularJS自定义指令详解
AngularJS指令在HTML代码中可以有四种表现形式: 1.作为一个新的HTML元素来使用. <hello></hello>或者<hello/> 2.作为一个元 ...
AngularJS自定义指令–隔离范围教程
Earlier we looked at different directive properties and created a simple directive using those prope ...
AngularJS自定义指令教程第2部分
In the previous post, we created a simple directive to manipulate the DOM's behavior. In this post, ...
带你走近AngularJS - 创建自定义指令
带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍带你走近AngularJS - 体验指令实例带你走近AngularJS - 创建自定义指令 ------------- ...
angular4获得焦点事件_深究AngularJS——如何获取input的焦点（自定义指令）
关于如何获取input框.textarea等的焦点,网上有许多文章都只是会跟你说ng-focus这个内置指令.像这种解答,只能说明作者并为真正理解人家的需求.ng-focus是一个事件,跟原生JS(J ...
深究AngularJS——如何获取input的焦点（自定义指令）
1. 写在前面关于如何获取input框.textarea等的焦点,网上有许多文章都只是会跟你说ng-focus这个内置指令.像这种解答,只能说明作者并为真正理解人家的需求.ng-focus是一个事件 ...
AngularJS 的自定义指令
这是一篇angularjs自定义指令的教程.就让我们来看看,如何在angularjs中自定义指令吧!我们将利用现有的guitar angularjs app,这在教程14: AngularJ表单验证 ...

AngularJS: 自定义指令与控制器数据交互

AngularJS: 自定义指令与控制器数据交互相关推荐

最新文章

热门文章