前端 - 父元素访问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的引用。