문제

드롭 다운 그룹에 대한 지시문을 만들려고합니다.
그러나 데이터 바인딩이 제대로 작동하지 않습니다.
문제는 입니다. 기본 변수는 HTML에서 값을 수신하지 않으며 항목 값을로드 할 수 없습니다.

여기에 지시 코드는 다음과 같습니다.

app.directive 'addquestionbutton', ()->
    restrict: 'E'
    replace: true
    scope:
        default: '@'
        dropdown: '='
        addQuestionClick: '&'
    template: 
        '<div class="bottom-buttons-container">' + 
        '<div class="add-item">' + 
        '<div class="btn-group dropup">' + 
        '<button type="button" class="btn btn-default btn-md" id="btnSelect" ng-click="addQuestionClick(default)">Add item</button>' +
        '<button type="button" class="btn btn-info btn-md dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>' + 
        '<ul class="dropdown-menu">' + 
        '<li ng-repeat="item in dropdown">' + 
        '<a ng-click="addQuestionClick(item)">{{item}}</a></li></ul></div></div></div>'  
.

여기에 HTML 코드가 있습니다.

<addquestionbutton default='Text' add-question-click="addItem(item)" dropdown="dropdownitems"></addquestionbutton>
.

도움이 되었습니까?

해결책

함수 호출 내부에서 매개 변수를 지정해야합니다. 상위 컨트롤러의 호출 방법Angularjs 지침

<button ng-click="addQuestionClick({item: default})" type="button" class="btn btn-default btn-md" id="btnSelect" >
...
<li ng-repeat="item in dropdown">
  <a ng-click="addQuestionClick({item: item})">{{item}}</a>
</li>
.

여기에 일하는 데모가 있습니다 : http://plnkr.co/edit/pqbp4c4x4riwmn5zha7i??= 미리보기

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top