Webstorm开发AngularJS,数据如何及时显示在 chrome浏览器中

qq874655551 2013-11-09 02:32:39
1.在Webstorm的项目中一设置 live edit已设置。
2.且 chrome JetBrain IDE Support 插件已安装。
3.在浏览器中的input控件中输入内容 h1 内容够可以动态显示。
4.问题:在Webstorm中编辑h1内容为何不能及时显示?
html代码如下:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Google Phone Gallery</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/bootstrap.css">
<script src="lib/angular/angular.js"></script>
</head>
<body>
<div ng-app="">
<input type = "text" ng-model="data.message">
<h1>{{data.message + " world"}}</h1>
<div class="{{ data.message}} }}">
Wrap me with a foundation component
</div>
</body>
</html>

1.在Webstorm的项目中一设置 live edit已设置。

2.且 chrome JetBrain IDE Support 插件已安装。

3.在浏览器中的input控件中输入内容 h1 内容够可以动态显示。

4.问题:在Webstorm中编辑h1内容为何不能及时显示?



还需要在Angular中写什么 $watch 的什么东西吗?要怎么做才可以啊,我看的视频里没看到html里面有是什么别的内容。视频中应用的js文件也就angular.js一个。
...全文
3372 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
tf452658805 2014-04-18
  • 打赏
  • 举报
回复
醉爱江南 2014-04-17
  • 打赏
  • 举报
回复
为了此贴不沉 帮你顶顶! 为了此贴不沉 帮你顶顶! 为了此贴不沉 帮你顶顶!
qq874655551 2013-11-23
  • 打赏
  • 举报
回复
Yeoman没配置,配置了也没配置后。
爆栈 系统开发技术栈、Web前端开发技术栈、数据库技术栈、.NET技术栈! http://overflowstack.github.i o   本地化 English: https://github.com/unruledboy/WebFrontEndStack/ 文博客: http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html Español: https://github.com/unruledboy/WebFrontEndStack/blob/master/README.es-es.md   Web前端技术栈 比较全面的浏览器、平台、类库、框架、工具等。   自行生成预览图    准备环境 您应该安装Visual Studio 2010 。 安装 nodejs. 安装 Phantomjs. 安装 Python 2.7. npm install 如果出现错误,您可以检查 [phantomjs-node] 的依赖(https://github.com/sgentle/phantomjs-node/wiki), node-gyp.   运行命令 npm start 运行服务并直接打开主html文件。 npm run build 生成预览图。   选项   -h, --help                           Display this message.   -p, --port number                    (Default: 3000) Set the port what express listening.   -ues, --update_existed_stargazers    (Default: false) Update project's stargazers including existed.   --phantomjs                          The task to generate the image.   --readme                             The task to update readme.   --updatestargazers                   The task to update the count of the stargazers.   为什么? 大家是否想过: Web前端开发究竟包含哪些技术呢? 我所掌握的技术这个子集,在Web前端技术大系这个超集里面占的比例是多少呢? 我究竟还没有掌握多少Web前端技术呢? 面试的时候会考哪些技术呢? 那么,Web前端开发是否也应该有这样的技术栈概览图呢?搜索了很久,没有找到一个符合我要求的“较为全面”地表述Web前端技术大系的图表。所以我们自行设计了这个Web前端技术栈。 这个图表里的分类未必准确,相关技术也难免会有遗漏,欢迎大家指点以便不断改进。 Web前端技术实在太繁多限于篇幅,,这里没有罗列一些技术。 您可以点击下面链接查看交互式预览图(用鼠标移动/缩放/点击节点打开相关网站): https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrontEndStack.htm?locale=zh-cn   Web前端技术栈 Web前端开发技术栈 Electron [GitHub] NW.js [GitHub] PhoneGap / Cordova [GitHub] MUI [GitHub] React Native [GitHub] Ionic [GitHub] CoffeeScript [GitHub] TypeScript [GitHub] ClojureScript [GitHub] JSX (Facebook) Sandbox XSS CORS SEO Responsiveness CDN Normalize [GitHub] Reset Handlebars [GitHub] Haml [GitHub] Slim [GitHub] Jade [GitHub] Ejs Spacebars mustache [GitHub] babel [GitHub] LESS Sass(SCSS) Stylus LESS [GitHub] Hat [GitHub] Compass [GitHub] Bourbon [GitHub] Gumby [GitHub] nib [GitHub] 基础库 模块化 框架 UI框架 WebSocket 数据可视化 WebGL CSS3 动画 流程控制 函数式编程 手机 UI 框架 jQuery [GitHub] Prototype [GitHub] Zepto [GitHub] MooTool [GitHub] umd [GitHub] RequireJS [GitHub] webpack [GitHub] browserify [GitHub] ES6 Module CommonJS AMD UMD AngularJS [GitHub] Backbone [GitHub] Knockout [GitHub] Ember [GitHub] React [GitHub] polymer [GitHub] Deft.js [GitHub] Vue [GitHub] Riot [GitHub] Bootstrap [GitHub] Semantic UI [GitHub] Foundation [GitHub] Material UI [GitHub] WinJS [GitHub] Pure [GitHub] Amaze UI [GitHub] Socket.io [GitHub] web-socket-js [GitHub] D3 [GitHub] Echarts [GitHub] HighCharts [GitHub] Vis.js [GitHub] Flot [GitHub] Three.js [GitHub] Babylon.js [GitHub] Pixi.js [GitHub] Animate.css [GitHub] bounce.js [GitHub] Effeckt.css [GitHub] move.js [GitHub] Bluebird [GitHub] q [GitHub] when.js [GitHub] yield await Promise Generator ES6 ES7 async [GitHub] co [GitHub] Promise bacon.js [GitHub] immutable.js [GitHub] ramda [GitHub] underscore.js [GitHub] lodash [GitHub] ReactiveX [GitHub] jQuery Mobile [GitHub] Jo [GitHub] Dojo Mobile Lungo [GitHub] 工具 在线工具 QUnit [GitHub] Jasmine [GitHub] Mocha [GitHub] Selenium [GitHub] WebDriverIO [GitHub] Protractor Chai [GitHub] Sinon.JS [GitHub] Karma [GitHub] nodeunit [GitHub] tape [GitHub] nightmare [GitHub] Sauce Labs Browser Stack Browser Shots Browserling Browser Sandbox Cross Browser Testing Browsera SortSite npm [GitHub] Bower [GitHub] JSLint [GitHub] JSHint [GitHub] jscs [GitHub] Closure Linter Node.js [GitHub] Phantom.js [GitHub] SpiderMonkey Developer Tools Firebug [GitHub] Grunt [GitHub] Gulp [GitHub] Brunch [GitHub] Yeoman Broccoli [GitHub] 精简 编译 合并 混淆 图像优化 单元测试 Sublime Text WebStorm Atom [GitHub] Vim Emacs Brackets [GitHub] Light Table [GitHub] Visual Studio Visual Studio Code [GitHub] Dreamweaver ;-) FrontPage / SharePoint Designer ;-) Cookie Local Cache Session Storage Local Storage Components Resources Extensions Plugins Images Icons Fonts Audios Videos JScript (IE8- / ASP) Chakra (IE9 / Edge) V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub] SpiderMonkey (Firefox) Nitro (Safari) Trident (IE) Blink / prev. WebKit (Chrome) Gecko (Firefox) WebKit (Safari) Blink / prev. Presto (Opera) EdgeHTML (Edge) HTML JavaScript CSS DOM Element Attribute Prototype Scope Closure JSON (JavaSript Object Notation) AJAX (Asynchronous JavaScript and XML) Selector Priority Specificity Box Model W3C HTML CSS XHTML XML HTML (HyperText Markup Language) CSS (Cascading Style Sheets) JavaScript HTTP/1.1 HTTP/2 WebSocket 链接 会话 授权 请求 响应 压缩 打包 服务器端推送 Internet Explorer Chrome Firefox Safari Opera Edge Netscape ;-) 浏览器 协议 Web三剑客 标准 核心概念 渲染引擎 脚本引擎 运行时 编辑器 编译任务 编译工具 调试 基础工具 质量控制 包管理 测试 库 / 框架 CSS 预处理器 未来标准 模板引擎 统一化 最佳实践 安全 间语言 移动应用开发 桌面应用开发   标签:爆栈网  技术栈
在互联网发展浪潮数据对于企业的价值是非常大的,怎么管理好数据,以及快速挖掘数据价值,共享数据价值,急需一套解决方案,在数据开发,核心数据模型的变化是相对缓慢的,同时,对数据进行维护的工作量也非常大;但业务创新的速度、对数据提出的需求的变化,是非常快速的。数据台的出现,就是为了弥补数据开发和应用开发之间,由于开发速度不匹配,出现的响应力跟不上的问题。数据台解决的问题,包括:效率问题、协作问题、能力问题,数据台是聚合和治理跨域数据,将数据抽象封装成服务,提供给前台以业务价值的逻辑概念。本课程基于真实企业数据台建设架构进行讲解,带大家构建数据台,通过学习完本课程可以节省你摸索的时间,节省企业成本,提高企业开发效率。课程包含几大模块:数据源管理、数据接入管理、数据质量管理、数据质量报告、数据安全管理、数据台实战应用等,对于数据台涉及到的业务以及技术进行详尽的讲解。本课程包含的技术:开发工具为:IDEA、WebStormFlink1.9.0ClickHouseHadoop2.6.0Hbase1.0.0Kafka2.1.0Hive1.0.0HDFS、MapReduceZookeeper、AtlasSpringBoot2.0.8.RELEASESpring MybatisMySQLVue.js、NodejsElemntUI课程亮点:1.与企业接轨、真实工业界产品2.全方位管理、治理数据3.大数据以及业务系统数据与企业接轨4.支撑业务系统数据使用以及共享5.集成IDE可视化查询6.集成元数据管理和数据血缘追溯7.ClickHouse高性能列式存储数据库8.数据台项目应用实战9.Flink+ClickHouse技术架构10.微服务架构技术SpringBoot技术架构11.后端+大数据技术栈+前端可视化12.提供全方位的技术落地指导支持13.课程凝聚讲师多年实战经验,经验直接复制14.掌握全部内容能进行大数据用户平台的设计和实操 企业一线架构师讲授,代码在老师的指导下企业可以复用,提供企业解决方案。  版权归作者所有,盗版将进行法律维权。  

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧