Home > Developer > Web Develop
@ = &, Angularjs command of the angularjs Learning System (3) command
1: The @ of the scope command domain @
I think it is very difficult to describe using code:
Angularjs.html
<! Doctype html>
Main05.js
var myApp=angular.module('myApp',[]);myApp.controller('listCtrl',function($scope){ $scope.logchore="motorola";});myApp.directive('kid',function(){return {'restrict':'E',scope:{title:"@"},template:'<div >{{title}}</div>'}});Enter a number in the input box and bind it to the title of the instruction template.
2: Let's talk about Scope =.
Angularjs.html
<! Doctype html>The main05.js code is as follows:
var myApp=angular.module('myApp',[]);myApp.controller('listCtrl',function($scope){ $scope.logchore="motorola";});myApp.directive('kid',function(){return {'restrict':'E',scope:{title:"="},template:'<div >{{title}}</div>'}});
3: finally, this is used for method calling.
The angularjs.html code is as follows:
<! Doctype html>
The main05.js code is as follows:
var myApp=angular.module('myApp',[]);myApp.controller('listCtrl',function($scope){ $scope.logchore=function(){ alert('ok'); };});myApp.directive('kid',function(){return {'restrict':'E',scope:{flavor:"&" },template:'<div ><button ng-click="flavor()"></button></div>'}});
If logchore has parameters,The angularjs.html code is as follows:
<!doctype html>
The main05.js code is as follows:var myApp=angular.module('myApp',[]);myApp.controller('listCtrl',function($scope){ $scope.logchore=function(x){ alert(x); };});myApp.directive('kid',function(){return {'restrict':'E',scope:{flavor:"&"},template:'<div > <input type="text" ng-model="v" /> <button ng-click="flavor({t:v})"></button></div>'}});
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
