0

ここに私のHTMLテンプレートがあります:

<script type="text/x-handlebars">
    <p>Application template</p>
    {{#linkTo employees}}<button>Show employees</button>{{/linkTo}}
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="employees">
    <p>Employees template</p>
    {{#linkTo employees.employee}}<button>Show employee</button>{{/linkTo}}
    {{outlet employeeOutlet}}
</script>

<script type="text/x-handlebars" data-template-name="employee">
    <p>Employee template</p>
</script>

これがJavaScriptです：

App = Ember.Application.create();

App.Router.map(function () {
    this.resource('employees', function () {
        this.route('employee');
    });
});

App.EmployeeRoute = Ember.Route.extend({
    renderTemplate: function() {
        this.render('employee', {       // the template to render
            into: 'employees',          // the template to render into
            outlet: 'employeeOutlet',   // the name of the outlet in that template
            controller: 'employee'      // the controller to use for the template
        });
    }
});

JSビンはこちら

employee テンプレートのアウトレットでレンダリングする従業員テンプレートを取得しようとするために、多くの不要なコードを追加しました (たとえば、アウトレットに名前を付けたり、renderTemplate メソッドを定義したり...)、うまくいかないようです。

ここで何が間違っていますか？

4

1 に答える 1

1

従業員テンプレートに employees/employee という名前を付ける必要があり、それは機能します。それ以外の場合は、employee テンプレートを使用するようにビューに指示する必要があります。

例 http://jsbin.com/ukajix/1/

于 2013-04-08T15:41:54.017 に答える