为什么我的ng-init不能工作？

ng-init是AngularJS中的一个指令，用于在页面加载时初始化变量的值。它通常用于将控制器中的数据绑定到视图中。

如果ng-init不能工作，可能有以下几个原因：

检查是否正确引入了AngularJS库文件。确保在页面中正确引入了AngularJS库文件，例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>

检查是否正确定义了ng-app指令。ng-app指令用于标识应用程序的根元素。确保在HTML标签中正确定义了ng-app指令，例如：

<html ng-app="myApp">

检查是否正确定义了ng-controller指令。ng-controller指令用于定义控制器。确保在需要使用ng-init的元素上正确定义了ng-controller指令，例如：

<div ng-controller="myController">

检查ng-init的语法是否正确。ng-init的语法是在元素上使用ng-init指令，并在其值中定义初始化变量的表达式。确保ng-init的语法正确，例如：

<div ng-init="myVariable = 'Hello World'">

如果以上步骤都正确，但ng-init仍然不能工作，可能是由于其他代码或配置问题导致的。可以进一步检查浏览器的开发者工具中是否有错误提示，或者检查控制台输出以获取更多信息。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm

AngularJS DEMO – 不断更新中

<!DOCTYPE html> <html> <head> <title>Angular DEMO 1</title> <script type="text/javascript" src="/bower_components/angularjs/angular.js"></script> </head> <body ng-app ng-init="name='World'" >

Hello,{{name}}!

</body> </html> <!DOCTYPE html> <ht

AngularJS入门 & 分页 & CRUD示例

AngularJS - 入门小Demo

如果了解了后端开发知识，想必对这些词汇不会陌生，AngularJS融合了后端开发的一些思想，虽然身为前端框架，但与jQuery框架却是完全不相同的东西。

AngularJS总结

因为最近想学习一下ionic框架，了解到ionic是基于AngularJS语法，并且通过SASS构建应用程序，之前自己一直用Vue框架，还有Less，刚刚好趁此机会，学习一下AngularJS与SASS。

JavaScript强化教程——AngularJS 指令

摘要总结：本文为 H5EDU 机构官方 HTML5 培训，主要介绍了 AngularJS 指令，包括 ng-app、ng-init、ng-model 等指令。通过实例，讲解了 AngularJS 指令的基本用法以及数据绑定。

010

JavaScript强化教程——AngularJS 指令

本文为 H5EDU 机构官方 HTML5培训 AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值（比如输入域的值）绑定到应用程序。完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例

AngularJS ng-model 指令

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

带你走近AngularJS - 基本功能介绍

带你走近AngularJS系列：带你走近AngularJS - 基本功能介绍带你走近AngularJS - 体验指令实例带你走近AngularJS - 创建自定义指令 ------------------------------------------------------------------------------------------------ AngularJS是Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务，包括数据绑定、DOM操作、MVC设计模式

010

实习第八周

打包后进入根目录下的target文件夹，运行其中的platform-admin-1.0-SNAPSHOT-exec.jar

angularJS学习之路（十九）---自定义指令关于独立作用域

1.首先关于 scope：{} 和scope：true 效果是一样的 <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8"> <title></title> </head> <body>

Surrounding scope: {{ myProperty }} <div myInherit

angularjs技术

1、绑定事件，ng-model； 2、绑定对应的控制器，ng-controller； 3、绑定对应的APP，ng-app； 4、单击事件，ng-click； 5、初始化事件,ng-init；

第215天：Angular---指令

在 AngularJS 中将前缀为 ng- 这种属性称之为指令，其作用就是为 DOM 元素调用方法、定义行为绑定数据等

Angularjs中UI Router超级详细的教程{{下}}

接着上一 state间如何传字符串参数在路由中这样设置： .state('content.photos.detail.comment',{ url:'/comment?skip&limit', t

详细介绍 AngularJS 表单的各种特性、用法和最佳实践

AngularJS 是一款强大的 JavaScript 前端框架，提供了丰富的功能和工具，其中之一就是表单处理。表单是 Web 应用程序中常见的用户输入和数据交互方式，AngularJS 提供了便捷且强大的表单处理机制，使开发者能够轻松地构建、验证和处理表单数据。本文将详细介绍 AngularJS 表单的各种特性、用法和最佳实践。

Angularjs基础(九)

AngularJS 应用应用程序讲解　　　　实例：　　　　　　　　<html ng-app="myNoteApp"> 　　　　　　　　　　<head> 　　　　　　　　　　　　<meat charset="utf-8"> 　　　　　　　　　　　　<script src="http://apps.bdimg.com/libs/angular.js/1.4.6angular.min.js"></script> 　　　　　　　　　　</head> 　　　　　　　　　　<body>

引战 -- VUE.JS 是否真的无比强大？还是粉丝过于头脑发热？

其实很早想再写一篇文章，可惜没什么素材，今天写代码时候一个很小的CSS问题，问了3个技术群，居然没有一个人可以回答出来的，然后还是靠自己花了几分钟解决了，但也因为这么一个问题引发了一场争论，我个人觉得目前市面上VUE.JS的市场似乎有所增长，3年前我就在关注VUE.JS，不过当时开发系统时候，选择前端框架时候并不会深入去了解哪一款前端框架适合，我只知道，什么东西可以快速完成任务即可，毕竟对于客户而言，并不关心您用了什么技术实现，对于开发的语言或者框架来说，同样一套系统，也许A框架可以完成的话，B框架几乎也可以完成，只是所话费的时间多少而已。

day02_品优购电商项目_02_前端框架AngularJS入门 + 品牌列表的实现 + 品牌列表分页的实现 + 增加/修改/删除品牌的实现 + 品牌分页条件查询的实现_用心笔记

我们的数据一般都是从后端获取的，那么如何获取数据呢？我们一般使用内置服务$http来实现。注意：以下代码需要在tomcat中运行。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

为什么我的ng-init不能工作？

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐