angular.js - angularjs中如何实现单击一个span标签之后，拿到span标签中的内容?

Question

这里有很多爱好的描述，每个描述都是放在一个span标签里面，我给每个span标签都添加了ng-click='getHobby()',如何在$scope.getHobby=function(){}中拿到单击时对应的span标签内的描述？

我的方法：我尝试了在绑定getHobby()函数的时候，就在函数里面添加标签内的描述为参数， 比如这样getHobby("书虫")，这样也是可以的，但是不够优雅，并且在html又增加了很多代码，想听听各位的解决方案

Answer 1

으아악

각종 태그는 스코프를 통해 컨트롤러에 의해 제어되는 데이터여야 하며, Angular는 항상 기존 데이터를 기억하고, 그 데이터를 기반으로 인터페이스를 렌더링해야 하며 이벤트를 통해 처리하기 위해 컨트롤러에 반환됩니다.

다음과 같은 다른 방법을 통해 페이지에 태그 목록을 생성하는 경우

<span ng-click="getHobby('Bookworm')">책벌레</span>
<span ng.....>인터넷</span>

이것은 Angular를 사용하는 올바른 방법이 아닙니다.

---

Angular를 이제 막 사용하기 시작한 경우, 원래의 사고방식이 Angular 사용에 영향을 미치지 않도록 하기 위해 너무 절대적일 수 있는 규칙을 명심하세요.

1 컨트롤러에서 DOM 관련 작업을 수행하면 안 됩니다.
2 DOM 관련 작업은 지시문에 배치되어야 합니다.

Answer 2

원본 포스터는 jquery 아이디어를 사용하여 각도를 구축하고 있습니다. 각도에 양방향 데이터 바인딩이 있는지 궁금합니다.
포스터에 대한 제안: Angle의 장점은 DOM을 조작하지 않아도 된다는 것입니다. 하지만 DOM을 조작할 때는 다른 방법이 있는지 생각해 보세요.

Answer 3

질문하신 분이 무엇을 하시는지 모르겠습니다. jQuery 구현은 매우 간단합니다

으아악

17:07 수정
질문 소유자는 다음을 참조할 수 있습니다.

으아악

PS: jQuery 홈페이지에 추천도서가 있습니다
Jquery .on()
AngularJS Events

를 참고하세요

Answer 4

ng가 반복될 때 현재 요소를 ngclick에 전달하는 것만으로는 충분하지 않나요?

Answer 5

명령어만 작성하세요. .
명령의 링크 기능에 클릭 이벤트를 바인딩합니다. .