角度のある材質：md-button〜hoot NodeRedの入力に基づいてボタンのテキストを変更します。

Question

NodeRedでは、ボタンなどの通常の角度の記法を使用する新しいUI_Dashboard Templateノードを使用します。ボタン：

<md-button 
ng-style="{background: msg.payload=='0' ?'green':'red'}" 
ng-click="msg.payload = (msg.payload=='0' ? send({payload: 'event,allsprinkleroff'}) : send({payload: 'event,allsprinkleroff'})) " 
> Button Name 

しかし、私が入ってくるmsg.payload値に基づいて変更する 'ボタン名' をしたいです。どんなアイデアですか？私のグーグルと検索は、私に答えを与えてくれませんでしたか？ （newbi）

Answer 1

ここに行く - CodePen

マークアップ

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp"> 
    <md-button ng-style="{background: msg.payload=='0' ?'green':'red'}" ng-click="msg.payload =(msg.payload=='0' ? send({payload: 'event,allsprinkleroff'}) : send({payload:'event,allsprinkleroff'})) ">Payload {{msg.payload}}</md-button> 

    <br> 
    <md-button ng-click="togglePayLoad()">Toggle Payload</md-button> 
</div> 

をJS

angular.module('MyApp',['ngMaterial', 'ngMessages']) 

.controller('AppCtrl', function($scope) { 
    $scope.msg = { 
    payload: 0 
    } 

    $scope.togglePayLoad = function() { 
    $scope.msg.payload = ($scope.msg.payload === 0) ? 1 : 0; 
    } 
});