简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - 如何使用AngularJS隔离作用域中的'&'?
怪我咯
怪我咯 2017-05-15 16:50:53
0
1
701

‘@’和'='倒是好理解，有没有一个必须使用'&'的场景?

<body ng-app="myApp" ng-init="content='abc'">
<p ng-controller="myController" >
    <input type="text" ng-model="content" />
    <p my-directive my-title="title" my-content="content" ></p>
</p>
</body>
<script type="text/javascript">
var myApp = angular.module('myApp', [])
.directive('myDirective', function($rootScope) {
    return {
        priority:1000,
        restrict: 'A',
        replace: true,
        scope: {
            myTitle:'@',
            myContent: '='
        },
        template: '<p><h2>{{myTitle}}</h2><p>from myDirective:{{myContent}}</p></p>'
    };
})  
.controller('myController',function($scope){
    $scope.content = 'from controller';
});
</script>

希望可以提供一个demo。

怪我咯
怪我咯

走同样的路，发现不同的人生

모든 응답(1)
phpcn_u1582
phpcn_u15822017-05-15 16:52:53 1층

& 사용법: 나중에 호출할 상위 범위의 함수를 전달합니다.

사용 시기: 지시문에서 컨트롤러 메서드를 호출해야 할 때 일반적으로 지시문의 일부 매개변수를 컨트롤러 메서드에 전달합니다

실제 사례: 예를 들어 트리 구조 지시문에서 노드를 선택한 후 선택한 노드를 기반으로 서버에서 데이터를 가져오는 등 컨트롤러에서 이 노드에 대한 추가 작업을 수행해야 합니다. 따라서 지시문에서 선택한 노드를 컨트롤러에 전달해야 합니다.

데모

데모 코드:

으아아아 으아아아



my-dialog-close.html:

으아아아
좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！