0

テンプレート ファイル (ビュー + コントローラー) と複数の html 文字列を 1 つのタグにまとめてレンダリングしたいと考えています。-だから私はいくつかの文字列を持っています

<p>some text</p>

およびhtmlファイル+コントローラーのような

template.html + template.controller.js

文字列と template.html を 1 つのタグにレンダリングしたいと考えています。

私はすでにhtml文字列を接続しており、これらをレンダリングすることができます

<div ng-bind-html="template" ..></div>

html ファイルをシリアライズして ng-bind-html でもレンダリングできますか? これらのファイルには独自のコントローラーがあります。

<div ng-controller="sampleCtrl">

彼らは機能を失うでしょうか？

注: 要素の順序は重要です!!! たとえば、文字列をレンダリングし、次にファイルの内容をレンダリングし、次に再び文字列をレンダリングしたいとします。

どうもありがとう！

4

1 に答える 1

2

ディレクティブを使用する必要があります。これにより、関連付けられた js ファイルを含む html ファイルをロードできます。ディレクティブで scope.someText を設定し、ビューで呼び出すことができます。

 <p>{{someText}}</p>

指令：

var app = angular.module('myApp');

app.directive('someTextDirective', function(){
    return{
         restrict: 'E',
         templateUrl: 'path/to/html/file.html',
         link:function(scope){
              scope.someText = 'blah';
         }
    }
});

html でディレクティブを呼び出すだけです。

<some-text-directive></some-text-directive>

お役に立てれば。明確でない場合はお知らせください。明確にするために最善を尽くします。

于 2015-06-17T15:32:02.710 に答える