0

AngularJS で qjLite のメソッドを使用するには? 'p' html 要素を追加し、以下を追加して class="red" を追加します。

たぶん私は何か間違ったことをしています...

ここで私が書いたコード：

angular.module('app', [])
 .controller('ctrl', function($scope){
 $scope.text = 'Test';
 });

 var span = angular.element('<span> </span>');

 span.append('<p>Run it</p>');
 span.addClass('red');
 .red{
 color: red;
 font-size: 60px;
 }
<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
</head>
<body ng-controller="ctrl">
<p ng-bind="text"></p>
<span></span>
</body>
</html>

4

3 に答える 3

0

jQlite メソッドを使用する場合は、HTML を angular.element() でラップする必要があります。urs の例では、すべて問題ありません。ただし、ページの既存の html タグにスパン要素を追加する必要があります。例: var myDiv = angular.element(document.getElementById("mydiv")) var span = angular.element(' ') span.append('

それを実行します

'); span.addClass('赤');
myDiv.append(スパン)

于 2015-10-30T09:28:01.220 に答える