Как изменить цвет SVG в петле в угловых JS? - PullRequest
Новая
       13

Как изменить цвет SVG в петле в угловых JS?

0 голосов
/ 29 сентября 2019

Я создаю приложение в WordPress с угловой JS CDN.Но проблема в том, что я пытаюсь применить цвет к svg в соответствии со значением цикла. Я уже делаю функцию для этого, но проблема в том, что когда я передаю значение в функцию и пытаюсь добавить css с помощью jquery, это не работает.Я не очень разбираюсь в угловой js.

1 Ответ

0 голосов
/ 29 сентября 2019

Когда вы используете angularJS, вам больше не нужно использовать JQuery.Вы можете управлять всеми своими операциями и рисовать свой HTML, определяя функцию внутри HTML.

angular - это клиентская структура для шаблона MVC для управления данными в определенных контроллерах и указанных областях.Прочитайте этот документ AngularJS Tutorial 

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  $scope.name = "Dear";
  $scope.dataColor = [
    {color: "red"}, 
    {color: "blue"}, 
    {color: "yellow"}, 
    {color: "black"}
  ]
});
<!DOCTYPE html>
<html lang="en-US">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
  <h1>Hello {{name}}</h1>
  <svg height="30" width="200" ng-repeat="x in dataColor">
  <text x="0" y="15" fill={{x.color}}>I love stackOverFlow!</text>
</svg>
</div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...