4

私はangularjsの初心者です。気楽にやってください。したがって、このディレクティブがあり、div 要素に動的に追加したいと考えています。どうすればいいですか？

appDirectives.directive('test', function () {
    return  {
        restrict: 'E',
        templateUrl: 'templates/test.html'
    }
});

これを試しましたが、うまくいきませんでした。div 要素に追加する前にテンプレートがコンパイルされなかったと仮定しています。これを行う角度のある方法はありますか？

<div id="element"></div>

$('#element').append(<test></test>);

更新：これが私がやろうとしていることです。ユーザーが自分のページにログインしたときに、ユーザーのタイプに応じて表示する 3 つの異なるテンプレートがあります。3 つのテンプレートは<basic>, <regular>, <advance> 基本的に、ユーザーがログインした後、変数の値を取得し、user.typeそのユーザーに適切なテンプレートを表示したいと考えています。

どんな提案も役に立ちます。ありがとうございました ：）

4

2 に答える 2

3

ng-switchはおそらくあなたが望むものです:

<div id="element" ng-switch on="user.type">
  <span ng-switch-when="basic"><basic></basic></span>
  <span ng-switch-when="regular"><regular></regular></span>
  <span ng-switch-when="advance"><advance></advance></span>
</div>

プランカー

于 2013-04-24T16:27:59.820 に答える
3

このようなものはありますか？ http://plnkr.co/edit/SmL9fA5GzAxI2WYTnYZy

Angular の方法は、(スコープ内の) javascript オブジェクトによってビューを表し、Angular テンプレート システムにモデルを反映させることです。

于 2013-04-24T09:09:47.417 に答える