Изменение цвета определенного глифика при щелчке по Angular

Question

Изменение цвета определенного глифика при щелчке по Angular

0

Я хотел бы изменить цвет конкретного глификона, нажатого в моем приложении "Угловое".

Например, при нажатии:

(in ng-repeat block) <span class="glyphicon glyphicon-thumbs-down" ng-click="downvote(post)" ></span>

При нажатии на нее вызывается:

$scope.downvote = function(post) {
    posts.downvote(post);   
    }
};

Спасибо.

user3934205 16 май 2016, в 05:11

Источник

Теги:

javascript

angularjs

ng-class

2 ответа

0

вы должны управлять им через привязку, поэтому в контроллере ur это сделать, но убедитесь, что по умолчанию isDownVote соответствует true или false

$scope.downvote = function(post) {
    posts.downvote(post);
   post.isDownVoted = !post.isDownVoted;   
};

то в ur html сделайте это

<span class="glyphicon glyphicon-thumbs-down" ng-click="downvote(post)" ng-class="post.isDownVoted===true ? 'some-color' : ''" ></span>

Некоторый цвет - это ур-класс, где вы можете указать ur css.

Atul Chaudhary 16 май 2016, в 00:51

Ещё вопросы

Neil Cross · Accepted Answer · 2016-05-16T01-36-00.000Z

Вы можете установить свойство в сообщении:

$scope.downvote = function(post) {
    posts.downvote(post);
    post.hadDownvote = true;
};

Затем проверьте свойство в атрибуте ng-style:

<span ng-style="post.hadDownvote ? {color:'red'} : {}" class="glyphicon glyphicon-thumbs-down" ng-click="downvote(post)"></span>

Естественно, что для выпуска вы можете предпочесть использовать класс CSS, определенный в другом месте, и выполнить такую же проверку с ng-классом, чтобы добавить класс.