0

基于选择的下拉列表，即如果选择了 B，则必须为 B 修改模板。

模板 -

    <script type="text/x-handlebars" id="search">

                            ...

                            <div class="controls">
                                <select class="input-medium focused">
                                            <option>Any</option>
                                            <option>A</option>
                                            <option {{action 'chosenB'}} >B</option>
                                            <option>C</option>
                                            <option>D</option>
                                </select> 
                            </div>

                          {{#if searchB}} 
                               //Show view specific to B-only  
                          {{/if}}
    </script>

路由器 -

            App.Router = Ember.Router.extend({

                this.resource('search');

            });

            SearchController = Ember.ObjectController.extend({

               searchB: false,

               chosenB: function() {
               this.set('searchB', true);
               },

            });

因此，当我转到 URL /search 时，最初 B 的唯一视图没有显示为 IF 条件不满足。但是，当用户从下拉列表中选择 B 时，我从模板中调用了 SearchController 的操作 selectedB，它应该将“searchB”设置为 true，并且应该出现仅 B 视图，但没有发生。

你能帮忙找出这里的错误吗..

余烬 - 1.0.0-RC.2

4

1 回答 1

0

Ember.js 有一个内置的 Select 视图，请查看此文档http://emberjs.com/api/classes/Ember.Select.html，我认为您的问题与绑定相关，使用正确的组件来完成工作会有想要的行为。

希望能帮助到你

于 2013-04-07T14:35:31.927 回答