2016-10-07 3 views
2

角度を使ってdiv内の特定の値を置き換えようとしています。問題は、divコンテンツが外部サービスによって生成されるので、私はちょうどng-modelを追加することができず、それで済むということです。私はちょうどこのラインからangular.element()を削除し、次のと運文字を角で置き換えます

var o = angular.element(document.querySelector('#maintwo')); 
var r = o[0].innerHTML.replace('TWO','REPLACE'); 
angular.element(document.querySelector('#maintwo')).innerHTML = r; 

plunker

+1

3行目から[0]が欠落しています –

答えて

2

といくつかのさまざまなバリエーションを試してみた、そしてあなたがそれを必要として、それは動作します:angular.element(document.querySelector('#maintwo')).innerHTML = r;

はそれを行うように、 :document.querySelector('#maintwo').innerHTML = r;

1

angle.element()コンテナを3行目から削除すると、その行が機能します。

<!DOCTYPE html> 
<html ng-app="myApp" ng-controller="myCtrl"> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-sanitize.js"></script> 
</head> 
<body> 
<button ng-click="replaceText()"> 
    replace 
</button> 

<div id="maintwo">MAIN TWO</div> 
<script> 
var myApp = angular.module('myApp', ['ngSanitize']) 
function myCtrl($scope) { 
    $scope.replaceText = function() { 

    var o = angular.element(document.querySelector('#maintwo')); 
    var r = o[0].innerHTML.replace('TWO','REPLACE'); 
    document.querySelector('#maintwo').innerHTML = r; 

    } 
} 
</script> 
</body> 
</html>  
関連する問題