Nice programing

불씨 링크에 수업 추가

nicepro 2021. 1. 10. 19:54
반응형

불씨 링크에 수업 추가


중첩 된 경로에 대한 링크를 만들고이 링크에 클래스를 추가하려고합니다 (트위터 부트 스트랩 용).

결과는 다음과 같아야합니다.

< a href="/#/rents/42" class="btn btn-primary btn-small">do something< /a>

첫 시도:

{{#link-to "rent" rent}}

리소스에 대한 링크를 제공하지만 (css) 클래스를 지정할 수 없습니다. 문서에서 제목 속성 만 지정할 수 있음을 알 수 있습니다.

두 번째 시도 :

< a href="/#/rents/{{rend.id}}" class="btn btn-primary btn-small">do something< /a>

Ember가 href에 [자동 업데이트를위한] 도우미 태그를 추가 할 것이기 때문입니다.

그래서 내가 무엇을 할 수 있니?


사용하다:

{{#link-to 'rent' rent class='btn btn-primary btn-small'}}Go to rent{{/link-to}}

으로는 link-to뷰 도우미입니다.


{{#linkTo}}도우미 에서 클래스를 잘 추가 할 수 있으며 , 불씨를 혼동하지 않도록 기억하면됩니다.

엠버는 클래스가 생각하는 수 routeNameparamsI는 모두 후 클래스를 포함 params하고 routeName그리고 그것을 잘 작동합니다.

{{#linkTo 'dashboard.screenshots' value.model class='thumbnail'}}
   ........
{{/linkTo}}

생산

<a id="ember507" class="ember-view thumbnail" href="#/project-2/member-1/task-2/screenshot-30">
   .........
</a>

변수에서 수동으로 무언가를 구성하려면 {{unbound}}ember.js에 도우미가 있습니다.

예를 들어 코드는 다음과 같습니다.

<a href="/#/rents/{{unbound rend.id}}" class="btn btn-primary btn-small">
   do something
</a>

참조 URL : https://stackoverflow.com/questions/14552911/add-class-to-ember-link-to

반응형