前端 - 父元素访问ng-reapeat内部元素

问题描述

<ul ng-show='showAnswer'><li ng-repeat='mn in m.fastReply' ng-click='sh = mn.content '> {{mn.content}}</li> </ul> <p ng-show='showAnswer'><textarea >{{sh}}</textarea> </p>

如上图，实现sh访问到mn.content在textarea中实现变化！

问题解答

最少的修改方案是使用$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的引用。