여러 식에서 ng-click을 사용하는 방법

여러 식에서 ng-click을 사용하는 방법

이 질문에는 이미 답변이 있습니다.

한 번의 ng클릭으로 여러 기능을 추가하는 방법 (9개의 답변)

닫힘8년 전.

ng-click을 사용하여 여러 식을 수행합니다.모델에 값을 설정하고, 에서 메서드를 호출하고 싶다.$scope, 다음과 같이 합니다.

<a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a>

내가 가진 곳&&제가 하고 싶은 두 가지 표현을 분리해서.컨트롤러에서 두 가지 작업을 모두 수행할 수 있는 방법을 추가할 수 있습니다.그냥 할까요? 아니면 안에서 직접 두 가지 표현을 할 수 있는 방법이 있을까요?ng-click?

& 대신 ';'을 사용하여 식을 구분하는 것이 좋습니다.

<a ng-click="navigation.book = book; bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a>

표현식만 쓸 수 있습니다.ng-click.

ngClick 디렉티브를 사용하면 요소를 클릭했을 때의 커스텀 동작을 지정할 수 있습니다.

그러나 다음과 같이 쓸 수 있습니다.

<a ng-click="( (navigation.book = book) && bookSvc.showBook(book))" href="#{{book.id}}">{{book.title}}</a>

이 경우navigation.book얻다book내용.

데모

언급

호출할 수 있는 옵션이 몇 가지 있습니다.navigation.book = book

다음과 같이 쓰면 어떻게 됩니까?

ng-click="( bookSvc.showBook(book) && (navigation.book = book))"

이 경우 (와 같은 경우)bookSvc서비스입니다)bookSvc.showBook(book)아무것도 반환하지 않습니다.false,그navigation.book = book실행하지 않습니다.

데모 2

하지만 만약bookSvc.showBook(book)돌아온다true그navigation.book = book가 호출됩니다.

데모 3

모든 논리를 함수에 넣고 ng-click을 할당하면 코드가 더 심플하고 우아해질 수 있습니다.

언급URL : https://stackoverflow.com/questions/19914344/how-to-use-ng-click-with-multiple-expressions