Ember不更新模型更改视图

Question

Ember不更新模型更改视图

这个小提琴有重新创建的入门套件,带有改变模型的额外按钮.

但是,单击更改时,阵列会更改,但视图不会更新.为什么？

<title>Ember Starter Kit</title>

<body>

  <script type="text/x-handlebars">
    <h2>Welcome to Ember.js</h2>
        <button id="btnChange">change model</button>
    {{outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="index">
    <ul>
    {{#each item in model}}
      <li>{{item}}</li>
    {{/each}}
    </ul>
  </script>

  <script>
         $(document).ready(function(){
          console.log(stuff);

          $("#btnChange").click(function(){
            stuff.push("d");
            console.log("change",stuff);
          });

      });
    </script>

</body>




App = Ember.Application.create();

var stuff = ["a","7","b","c"];

App.Router.map(function() {
  // put your routes here
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return stuff;
  }
});

Run Code Online (Sandbox Code Playgroud)

Answer 1

Joh*_*ohn 7

而不是stuff.push你需要使用Embers pushObject,它会通知一个对象的侦听器它有变化.

编辑:

这是更新的jsfiddle:http://jsfiddle.net/UjacC/2/

归档时间：	12 年，1 月前
查看次数：	3542 次
最近记录：	12 年，1 月前