2024年4月24日 星期三

Node-Red Dashboard UI Template + AngularJS 參考 AngularJS教學 --1

 Node-Red Dashboard UI Template + AngularJS 參考 AngularJS教學 --1

參考來源 https://www.runoob.com/angularjs/angularjs-tutorial.html


AngularJS 實例


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.net/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
  <p ng-bind="name"></p>
</div>

</body>
</html>




node-red Dashboard UI Template

<script src="https://cdn.babylonjs.com/babylon.js"></script>
<style>
.main
{
    height:600px;
    width:200px;
    background:lightblue;
        
}
</style>

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
  <p ng-bind="name"></p>
</div>

</body>
</html>






沒有留言:

張貼留言

2026 作業3 RFID+ Telegram 練習

 2026 作業3  RFID+ Telegram  練習 (Wokwi 與 Telegram 二者溝通訊息反映比較慢 ) 歡迎 Alex 使用 RFID 控制系統 /on : 開啟 LED /off : 關閉 LED /flash : 閃爍模式 /timer : 開啟 5 秒 ...