2014-04-22 2 views
6

그래서 나는 게시물의 목록을 가지고 있으며 그들은 다른 길이이므로 나는 500 번째 문자에서 자르고 있지만 ng-click에 게시물의 나머지 부분을 보여주고 싶습니다. 이 일을하는 "각도 방식"이 있을지 모르지만 Google을 통해 찾지 못했습니다.클릭 각도 제한을 클릭하십시오 ng-click

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:500 }}</p> 
    <button ng-click = "undoLimitTo()">View</button> 
    </li> 
</ul> 

답변

11

내가 좋아 작성합니다 제한에 대한

설정 편집 가능한 값과 Posts 길이 줄

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" ng-init="limit= 500"> 
    <p>{{ post.messageBody | limitTo:limit }}</p> 
    <button ng-click = "limit = Posts.length">View</button> 
    </li> 
</ul> 
내가 컨트롤러에 추가 할
+0

감사합니다. 이 솔루션도 효과적입니다. posts.messageBody.length를 추가해야했습니다. 아직 어떤 방법을 사용할 지 모르겠습니다. – user2865156

3

이 시도 :

<ul id = "postsList" ng-init="limit = 500"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:limit }}</p> 
    <button ng-click = "limit = Number.MAX_SAFE_INTEGER">View</button> 
    </li> 
</ul> 

편집

이 헛소리입니다. 모든 게시물의 한도가 변경됩니다.

컨트롤러에서 limit 속성을 Posts에 추가 할 수 있습니다. 그리고 :

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:post.limit }}</p> 
    <button ng-click = "post.limit = post.messageBody.length">View</button> 
    </li> 
</ul> 
+0

:'$ scope.Number = 번호;' 각도는 무엇인지 알지 못합니다. –

+0

고마워요. 이 제안은 내 문제를 해결했습니다. 시간 제한이 만료되면 답변이 표시됩니다. – user2865156

+0

@phylax http://jsfiddle.net/9Ymvt/1297/'Number '를 컨트롤러와 바인딩해야합니다 :) –

관련 문제