2014-09-18 1 views
1

나는 $scope.product 변수를 가지고 있습니다. 제품 이름AngularJS Noob : HTML 파일에 문자열을 조건부로 삽입하는 방법은 무엇입니까?

: - : $scope.product.vendor이 존재

<a ng-href="/{{ gender }}/{{ section }}/{{ product.slug }}">{{ product.name }}</a> 

경우, 나는 그것이

{{ product.vendor.name }} - {{ product.name}} 예를 보여주고 싶은 : 제품 이름

다른

, 단지

{{ product.name }} 예를 보여 VendorName를 내보기에 나는이 있습니다

보기에서 어떻게합니까? 아니면 다른 곳에서해야합니까?

P. 그것은 내 HTML의 간소화 된 버전입니다. 이미 주변 사업부의 또 다른 변수의 스위치 문이, 그래서 이것은처럼 실제로 모습입니다 : 당신은 데이터 바인딩 내에서 삼항 연산자를 사용할 수 있습니다

<h3 ng-switch="locale"> 
    <a ng-href="/{{ locale }}/{{ gender }}/{{ section }}/{{ product.slug }}" ng-switch-when="cn">{{ product.name }}</a> 
    <a ng-href="/{{ gender }}/{{ section }}/{{ product.slug }}" ng-switch-default>{{ product.name }}</a> 
    </h3> 

답변

6

:

<a ng-href="/{{ gender }}/{{ section }}/{{ product.slug }}"> 
    {{(product.vendor.length > 0) ? product.vendor.name + ' - ' + product.name : product.name}} 
</a> 
+0

이가이다 내가 기록한 게시물의 복제본. 그것은 더 완전한 답을 가지고 있습니다. 더 나은 결과를 얻을 수있을 것으로 생각되면 원본 게시물에 대한 답변을 중복하여 투표를 끝내는 것이 바람직합니다. 같은 질문에 계속 대답 할 필요가 없습니다. – m59

+1

SO에 대한 Q의 60 %는 중복 된 형태입니다. 이걸 삭제해도 괜찮아. 담당자를 돌보지 않아도 OP 해결에 도움이됩니다. 그러나 나는 그것이 dup이고 SO가 정리 될 필요가 있다는 것에 동의한다. 나는 dup으로 표시했다. – jnthnjns

+0

@Asok는 누수의 가치가있을 수 있습니다. http://meta.stackoverflow.com/a/270420/829835 – rlemon

관련 문제