2016-08-19 6 views
1

JSコード:angularJSでdivのテキストを変更するには?

myEl = angular.element(document.querySelector('#divData')); 
myEl.text('This is text.'); 

私は#divData要素のテキストを変更することができますこの方法。しかし、私は<b>This is a bold text</b>のようなHTMLコードを追加したいと思います。しかし、それはそのままレンダリングされています。しかし、私は出力をとしたいこれは太字のテキストです。 angularJSだけで解決策を教えてください。

+1

[answer here](http://stackoverflow.com/a/28051175/2435473)をチェックしてみてください –

答えて

2

ではなくtext

0

利用の.htmlの

myEl.html('This is text.'); 

で試してみてください。

myEl.html('<b>This is a bold text</b>'); 
1

テキストにhtmlタグを追加するだけでうまくいきません。私はそれが要素ではなく「テキスト」を追加するだけだと信じています。たぶん私は間違ったことをしているのかもしれない

フォローします。 2つの場合。公式のドキュメンテーションとその他の回答がここに掲載されています。その優れたセバスチャン・ゼーバルトの

(function(angular) { 
'use strict'; 
    angular.module('bindHtmlExample', ['ngSanitize']) 
    .controller('ExampleController', ['$scope', function($scope) { 

$scope.myHTML = 
    'I am an <code>HTML</code>string with ' + 
    '<a href="#">links!</a> and other <em>stuff</em>'; 

$scope.executar = function(){ 
    var myEl = angular.element(document.querySelector('#divData')); 
    myEl.text('<b>This is a bold text</b>'); 
}; 
    }]); 
})(window.angular); 

https://plnkr.co/edit/1Hnb018XstMYfynr34nJ?p=preview

アドバイス。ドキュメントを進めてください。 私はまた5分前まで知らなかった。私はちょうど今学ぶ。

関連する問題