AngularJS - 在一个页面上有更多相同的指令，具有自己的状态

Question

in ralation to the question Call method in directive controller from other controller .

How can I put more than one independent directives of the same type on the page? Because of its common API (singleton) is the state shared. So if I will place two same directives there both will reflect one instance of API and obviously same state.

Answer 1

I think what you're talking about is isolating the scope of a directive, the relevant documentation is here . This may be as simple as scope: true , which makes an isolated scope for the directive which inherits. You can read about that here .