angular+directive 명령 봉인
1639 단어 angular
var app = angular.module('qinYuan', ['ngRoute', 'qinyuanFilters', 'qinyuanDirective', 'QYtable']).config(function() {}); 2. 설정 문법
var directiveModule = angular.module('qinyuanDirective', []);
directiveModule.directive("citys", function($timeout) {
return {
restrict: 'AE',
// ， 'AE' ：A( ),E( ),M( ),C( )
templateUrl: "pages/common/city.html", // :
template:" "，//
scope:{}
// ， ，
link: function(scope, elem, attrs) {
}
}
})3. directive와 컨트롤러의 상호작용
app.controller('ctrl',function($scope){ //
$scope.alert = function(a){
alert(a);
}
})
app.directive('check',function(){ // click
return{
restrict:'AE',
link:function(scope,element,attr){
element.bind('click',function(){
scope.alert(this.innerHTML);
})
}
}
})4. directive 간의 상호작용
.directive("b",function(){
return {
restrict:'AE',
controller:function($scope,$element,$attrs,$transclude){
$scope.name="alex",
this.alert=function(a){
alert(a)
}
}
}
})
.directive("a",function(){
return {
restrict:'AE',
require:"^b", //
link:function(scope,element,attrs,bCtrl){
bCtrl.alert(scope.name)
}
}
})이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular에서 타사 스크립트 및 CSS 작업Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
