前端 - 父元素存取ng-reapeat內部元素

Question

 <ul class="msg-common" ng-show="showAnswer">
        <li ng-repeat="mn in m.fastReply" ng-click="sh = mn.content "> {{mn.content}}</li>
      </ul>
      <p class="answer" ng-show="showAnswer">
        <textarea >{{sh}}</textarea>
      </p>

如上圖，實現sh訪問到mn.content在textarea中實現變化！

Answer 1

最少的修改方案是使用$parent.sh = mn.content

http://jsfiddle.net/Gerhut/umuakzr3/

因為$parent是不建議使用的，所以建議的方案是在父scope中增加一個類似setSh的函數，在子scope中直接呼叫setSh(mn.content)。

http://jsfiddle.net/Gerhut/umuakzr3/1/

如果使用1.2以上版本的angular，也可以使用Controller as的方法直接取得父Controller的引用。