Node-RED无法注册AngularJS控制器问题求助

数据老陈

2026-5-25

解决Node-RED Dashboard模板节点中AngularJS控制器注册失败的问题

哦，这个问题我太熟了！Node-RED Dashboard本身就是基于AngularJS构建的，你遇到的问题根源在于重复声明了AngularJS应用——Dashboard已经帮你初始化了一个名为nr-dashboard的Angular应用，你自己再写ng-app="myApp"就会和它冲突，导致控制器根本注册不上。

正确的实现步骤

1. 移除自定义的`ng-app`声明

你的模板HTML里不需要自己指定ng-app，直接使用ng-controller绑定到我们要注册的控制器即可：

<div ng-controller="myCtrl">
  First Name: <input type="text" ng-model="firstName"><br>
  Last Name: <input type="text" ng-model="lastName"><br>
  Full Name: {{firstName + " " + lastName}}
</div>

2. 将控制器注册到Dashboard的Angular应用中

在同一个模板节点的脚本区域（或者单独创建一个模板节点专门放脚本，记得设置为「添加到页面头部」），把控制器注册到Dashboard自带的nr-dashboard应用里：

// 注册控制器到已有的nr-dashboard Angular应用
angular.module('nr-dashboard').controller('myCtrl', function($scope) {
  // 初始化数据
  $scope.firstName = "John";
  $scope.lastName = "Doe";
  
  // 你可以在这里添加更多业务逻辑，比如响应Node-RED消息
  $scope.$on('msg-input', function(event, msg) {
    if (msg.payload.firstName) {
      $scope.firstName = msg.payload.firstName;
    }
  });
});