使用AngularJS库监视或控制面板页面

使用AngularJS库监视或控制面板页面,angularjs,Angularjs,我计划使用Angular JS库为思科路由器/交换机/控制器等硬件设备开发监控/仪表板页面 我的页面包含图形(线条和区域)、谷歌地图、表格和一些块(带值的div) 使用角度监测数据是否可行 使用角度传感器有什么好处?因为它只是监视,所以我们不必使用双向绑定 我正在寻找几点理由来证明为什么我们需要angularJS来监控/仪表板类的页面,而不是JQuery/Javascript 请让我知道你的想法和意见 谢谢。如果你的网站是100%静态的——我的意思是你请求一个状态页面,在你请求一个新的页面之前,

我计划使用Angular JS库为思科路由器/交换机/控制器等硬件设备开发监控/仪表板页面

我的页面包含图形(线条和区域)、谷歌地图、表格和一些块(带值的div)

  • 使用角度监测数据是否可行
  • 使用角度传感器有什么好处?因为它只是监视,所以我们不必使用双向绑定
  • 我正在寻找几点理由来证明为什么我们需要angularJS来监控/仪表板类的页面,而不是JQuery/Javascript

    请让我知道你的想法和意见


    谢谢。

    如果你的网站是100%静态的——我的意思是你请求一个状态页面,在你请求一个新的页面之前,你得到的页面永远不会改变——那么angular可能有点不必要

    但是,如果希望状态页处于“活动”状态,可以使用socket.io将新事件和数据推送到客户端,并让angular负责ui刷新

    有一些角度指示用于处理图形,但我没有使用它们的经验

    一些建议:

    • Node.js+socket.io+angular.js:
    • angular.js+图表:

    使用AngularJS是完全可行的。 主要优点是图表可以作为可重用组件实现(AngularJS指令)

    有一个正在开发的项目允许根据任意指令构建仪表板

    运行演示

    演示源代码

    仪表板指令本身

    下面是可视化来自WebSocket的数据的示例

    我假设您需要双向数据绑定进行监控(至少在我看来……发送检查硬件的请求、获取响应、分配范围、自动更新破折号),因为这不是配置,我不会修改json。我只是在div中填充它或将它传递给组件(highchats、google maps)。我使用angularjs一周。我所能说的是,它是可行的,只是我需要几天的时间来完成非常基本的东西,正确的角度。谢谢维加!监控不是一个静态页面,它每分钟自动刷新一次,并发送一个心跳请求以获取当前状态。如果是这样,您可以使用angulars$http服务获取当前状态,并让angular处理gui更新。@Raghukumarachari如果所有客户端每x秒轮询一次,您的服务器将过载。让服务器通过socket.io(使用html5 web套接字的推送技术)或您使用的ASP.NET Signal通知客户端。NET@Pascal这很有趣。你能告诉我代码是在哪里完成的吗?我的答案已经包含了使用socket.io和angular.js的链接。以下是angular的实现,如果asp是你的东西:这些是非常有用的链接,我可以向其他人展示,以证明angular最适合监控/仪表板类模块。谢谢网络开发者