[解決済み] angularjsで$compileを操作する

2022-02-16 14:52:21

質問

について本当に困っています。 コンパイル を使用しています。どなたか、angularjsで$compileをどのように使うか、例を挙げて教えていただけませんか？このドキュメントにある以外の https://docs.angularjs.org/api/ng/service/$compile

解決方法は？

compileはテキストをhtmlにコンパイルするだけです。

以下はサンプルです。

 angular
                .module("myModule", [])
                .controller("myController", ['$scope', '$compile', function ($scope, $compile) {
                    $scope.txt = "<b>SampleTxt</b>";
                    $scope.submit = function () {
                        var html = $compile($scope.txt)($scope);
                        angular.element(document.getElementById("display")).append(html);
                    }
                }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myModule" >
    <div ng-controller="myController">
        <textarea ng-model="txt" ></textarea>
        <input type="button" value="submit" ng-click="submit()" />
        <div id="display"></div>
    </div>
</body>

[解決済み] angularjsで$compileを操作する

質問

解決方法は？

関連

angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない

[解決済み] AngularJS の $http と $resource

[解決済み] AngularJSでデータバインディングはどのように機能するのですか？

[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか？

[解決済み] AngularJS コントローラにおける 'this' と $scope の比較

[解決済み] なぜAngularJSはselectに空のオプションを含めるのですか？

[解決済み] ng-classを使った複数クラスの追加

[解決済み] AngularJSのng-optionsでvalueプロパティを設定するには？

[解決済み] AngularJSでEnterキーを押したときにフォームを送信する

[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか？

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。

[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか？

[解決済み] エラーです。[$injector:unpr] 不明なプロバイダです。ルートプロバイダ

[解決済み] 誰かangularjsの$qサービスの使用について説明してください。[重複しています]。

[解決済み] angularjsでチャートを作成する【終了】。

angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない

[解決済み] AngularJSの.$on()とは？

[解決済み] AngularJSでコントローラを2回実行する場合の対処法

[解決済み] 条件に応じて特定のルートにリダイレクトする機能

[解決済み] AngularJSでEnterキーを押したときにフォームを送信する