0
템플릿의 함수에서 ID를 얻으려고 시도하지만 가져올 수 없습니다. 인수없이 함수를 쉽게 호출 할 수 있지만 인수를 사용하면이를 수행하는 방법을 모릅니다. 지금까지 내가 한 일입니다.지시어 템플리트에서 ID를 가져 와서 함수를 전달하는 방법은 무엇입니까?
지침 템플릿 (구직 HTML)
<div class="artist-job-search-filters">
<div class="foo" ng-click="$ctrl.changeArtistJobFilter(1)" ng-class="$ctrl.searchFilterAll ? 'artist-filter-selected' : 'artist-filter'">All</div>
<div class="foo" ng-click="$ctrl.changeArtistJobFilter(2)" ng-class="$ctrl.searchFilterJob ? 'artist-filter-selected' : 'artist-filter'">Job</div>
<div class="foo" ng-click="$ctrl.changeArtistJobFilter(3)" ng-class="$ctrl.searchFilterStandBy ? 'artist-filter-selected' : 'artist-filter'">Standby</div>
<div class="foo" ng-click="$ctrl.changeArtistJobFilter(4)" ng-class="$ctrl.searchFilterAudition ? 'artist-filter-selected' : 'artist-filter'">Audition</div>
<div class="foo" ng-click="$ctrl.changeArtistJobFilter(5)" ng-class="$ctrl.searchFilterApplied ? 'artist-filter-selected' : 'artist-filter'">Applied</div>
</div>
여기 changeArtistJobFilter
제 기능을하고 난 값을 전달하고
directive.js
Directive.js입니다
app.directive('jobsSearch', function() {
return {
restrict: 'EA',
scope: {
'artistSearchModel': "=",
'showDropdown': "=",
'operaticRoleSearchResult' : "=",
'viewAllJobs' : "&",
'musicalWorkSearchResult' : "=",
'institutionSearchResult' : "=",
'changeArtistJobFilter' : "&",
'searchFilterAll' : "=",
'searchFilterJob' : "=",
'searchFilterStandBy' : "=",
'searchFilterAudition' : "=",
'searchFilterApplied' : "=",
'searchArtistJob': "&"
},
controller: function() { },
controllerAs: '$ctrl',
bindToController: true,
templateUrl: '/views/profile/directives/job_search.html'
};
});
그리고 여기 내가 지침을 부르는 곳입니다. 지시문
보기 HTML을
<jobs-search artist-search-model="jobDashboard.artistSearchModel"
search-artist-job="jobDashboard.searchArtistJob()"
show-dropdown="jobDashboard.showDropdown"
operatic-roleSearch-result="jobDashboard.operaticRoleSearchResult"
view-all-jobs="jobDashboard.viewAllJobs()"
musical-work-search-result="jobDashboard.musicalWorkSearchResult"
institution-search-result="jobDashboard.institutionSearchResult"
change-artist-job-filter="jobDashboard.changeArtistJobFilter()"
search-filter-all="jobDashboard.searchFilterAll"
search-filter-job="jobDashboard.searchFilterJob"
search-filter-stand-by="jobDashboard.searchFilterStandBy"
search-filter-audition="jobDashboard.searchFilterAudition"
search-filter-applied="jobDashboard.searchFilterApplied"
></jobs-search>