学习angular之:ng-app

刚开始自学angular,遇到一个问题:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
    <div ng-app="myapp">
        <p>名字
            <input type="text" ng-model="name">
            <h1>hello!{{name}}</h1>
        </p>
    </div>
</body>
</html>

我设定ng-app=“myapp”,结果效果不是我预想的那样,name绑定无效

页面显示为这样:

后来找到了两个解决办法:

一:将ng-app=“myapp”改为ng-app=“”

二:在body中添加一段script代码:

<script type="text/javascript">
    angular.module("myapp",[]);
</script>

页面显示达到预想效果:

时间: 2024-12-19 03:36:08

学习angular之:ng-app的相关文章

从flask视角学习angular

前端框架完全不懂. 看着angular中文官网的英雄编辑器教程和核心知识,用偷懒的类比法,从flask django的角度 记录一下自己对angular的理解. app.module.ts 这个文件有点类似extends.py 在这里import各种依赖的插件.比如要双向绑定,就要import  FormsModule import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platfor

一起学习angular+bootstrap+MVC--之一,入门

这篇直奔MVVM主题,本例实现一个bootstrap的下拉框. 展示了如下技术: 1.MVVM绑定(事件绑定,值绑定,循环绑定,循环绑定中嵌套事件并回传item), 2.angul多module, 建议在webstrom下面运行 1.HTML代码 1 <!doctype html> 2 <!--suppress ALL --> 3 <html ng-app="appTow"> 4 <head> 5 <script src="

【转】Android学习系列(1)--为App签名(为apk签名)

原文网址:http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html Android学习系列(1)--为App签名(为apk签名) 写博客是一种快乐,前提是你有所写,与人分享,是另一种快乐,前提是你有舞台展示,博客园就是这样的舞台.这篇文章是android开发人员的必备知识,是我特别为大家整理和总结的,不求完美,但是有用. 1.签名的意义 为了保证每个应用程序开发商合法ID,防止部分开放商可能通过使用相同的Pack

学习angular.js的一些笔记想法(上)

1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-changer' data-ng-class="{'color-changer-hiden':!colorChanger}"> </div> js代码: $scope.colorChanger=false; 此时的变量colorChanger=false,那么!colorChange

Angular(ng表单指令操作)

html部分 ................................................. <!DOCTYPE html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title>Angular(ng表单指令操作)</title> <script src="js

PHP 开发 APP 接口 学习笔记与总结 - APP 接口实例 [3] 首页 APP 接口开发方案 ② 读取缓存方式

以静态缓存为例. 修改 file.php line:11 去掉 path 参数(方便),加上缓存时间参数: public function cacheData($k,$v = '',$cacheTime = 0){ //文件名 $filename = $this->_dir.$k.'.'.self::EXT; ..... line:25 把缓存时间设置为 11 位的数字,如果不满 11 位,则在时间前面补 0.再把缓存时间和缓存内容进行拼接: $cacheTime = sprintf('%011

RN学习1——前奏,app插件化和热更新的探索

react_native_banner-min.png React Native(以下简称RN)有大量前端开发者的追捧.前端开发是一个活跃的社区,一直尝试着一统前后端,做一个全栈开发,RN就是他们在客户端领域的尝试. 说是从零开始,但其实我还是懂一点点JS代码的,而且算是一个有经验的iOS.Android开发,对很多js和native交互的细节和特性还算了解,在QDaily里面也做过好多hybird的尝试,还经常用JSPatch做hotfix,总的来说,就是对hot update.插件化以及hy

值得向iOS学习的15个APP设计技巧

iOS设计规范再阅读 对比Google Material Design的设计规范,iOS有些大道至简的味道,内容很少,但还是从中总(chao ) 结 ( xi ) 了一些设计技 ( tao)巧 ( lu ). 1.如何以内容为中心开发或重新设计一款应用? ?   保证核心功能突出且直接,并强调其相关性 ?   直接使用iOS UIKit,给用户统一视觉感受 ?   保证UI在各种设备与操作间的适配 2.如何提升应用功能体验并关注内容本身? ?   充满整个屏幕 ?   减少视觉修饰与拟物化设计,

软件测试第六周学习笔记之“Win8 APP应用程序的白盒测试”

这周的学习笔记我想写点自己关于实验中碰到的问题和感想. 因为这次做的是白盒测试,所以我决定去测试一下上回测试的app的功能函数. 这次我用的是单元测试项目来做的白盒测试: 创建单元测试的步骤: 1.点击 “文件”->“添加”->“新建项目” 2.选择 windows应用程序-> 单元测试项目 3.在解决方案资源管理器中为单元测试项目下的引用上右击选择添加引用 4.选择解决方案下的项目中的用来测试的win8应用 接下来是单元测试的代码部分的编写了: 我要测试的是该项目中的一个字符串转化编码

angularJSapi学习-angular.copy使用

angular.copy使用 效果: 初始状态: 输入信息后未保存状态: 点击save后状态: 当输入框内容和master内容不一致时: 点击reset使得user的信息被重置为master中信息: 具体代码: 1 <!DOCTYPE HTML> 2 <html ng-app="app"> 3 <head><script src="./angular.min.js"></script></head&g