4

私のコンポーネントオブジェクトは次のようになります:

var options = {
    bindings: {
        title: '<',
        rows: '<'
    },
    controller: registers,
    templateUrl: function ($element, $attrs) {
        return '/app/dashboard/registers/register.html';
    }
};

バインディングtitleとマークアップrowsにアクセスする必要がありますregister.html。私は理解$elementして$attrsいますが、それを HTML ファイルへの文字列参照である templateUrl に挿入する方法がよくわかりません。

テンプレートでこれらの値をそのまま使用できるようにしたいと思います。

<p>Title: {{vm.title}}</p>
<p>Rows: {{vm.rows}}</p>

templateUrl が中かっこを使用してバインディングの値をマークアップに埋め込むことができる方向に誰かが私を向けることができますか?

4

1 に答える 1

8

機能とは関係ありませtemplateUrlん。追加のアクションを実行する必要はありません。

オプションが指定されていない場合controllerAs、コントローラ識別子はデフォルトで$ctrlではなくになりvmます。スコープ プロパティは、テンプレートで次のように使用できる必要があります。

<p>Title: {{$ctrl.title}}</p>
<p>Rows: {{$ctrl.rows}}</p>

これを示すデモを次に示します (@AWolf に感謝)。

于 2016-07-28T20:33:48.880 に答える