为什么我的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
相关·内容
3回答
我试图在ng-init中初始化一个集合。为什么这个代码不能工作？
<div ng-app="myApp" ng-controller="PeopleCtrl">
<ul ng-init="myPeople=(people|filter:{show:true})" ng-repeat="person in myPeople">
<li>{{person.name}}, {{person.show}}
</ul>
</div>
我不需要使用ng-if或其他东
浏览 5提问于2016-06-20得票数 0
回答已采纳
4回答
我有一个使用如下过滤器的ng-repeat：
#1
<div class="contestReports" ng-repeat="contest in contests | filter:{votingOver:true}">
<contestreport></contestreport>
</div>
我希望允许客户能够对其进行过滤，因此我将过滤器分配给了一个变量，如下所示：
#2
<div ng-init="reportFilter = {votingOver:true}">
浏览 1提问于2016-02-18得票数 8
这个简单的片段()：
<div ng-app="App" ng-init="foo={a: 20}; delete foo['a']">
</div>
在FF和Chrome中创建此。为什么？
语法错误:令牌'foo‘是表达式[foo={a: 20}；删除foo’‘]从[foo’]开始的第21列中的一个意外标记。
不管我是尝试delete foo['a']还是delete foo.a --它们都使用普通的javascript，但都不能在ng-init中工作。
浏览 1提问于2014-01-04得票数 1
回答已采纳
我是Angular.js新手，这里是我的代码
<div class="heading" ng-app="myapp" ng-init="heading='11'"> <h2>{{heading}}</h2> </div>
如果我使用ng-app="“它工作得很好，但是上面的代码不能工作，我在使用我想知道为什么？
浏览 2提问于2016-11-06得票数 0
代码如下：
<button ng-init="propriety: 'name'" ng-click="propriety == 'name' ? propriety = 'price' : propriety = 'name'"></button>
<div ng-repeat="item in items | orderBy: propriety">
<li>item.name - item.price</li>
&
浏览 3提问于2017-04-03得票数 1
我试图在不使用控制器的情况下，纯粹在角模板文件中构建星号，我有以下代码失败，我可以使用控制器(调用setRanking方法ng-click)构建此代码，但我想了解为什么下面的代码不能工作。用户应该能够点击一颗星星，所有的星星都应该被高亮显示。
<div class="item" ng-init="user_rating = 0">
<i
ng-repeat="star in [1,2,3,4,5]"
ng-class="(star>user_rating) && '
浏览 3提问于2016-03-18得票数 0
当我想在select中精确设置一个默认值时，我不知道为什么它不能工作：
<select ng-init="action1 = skills[0].name"
ng-model="action1" ng-options="skill.name for skill in skills">
</select>
即使使用：
<select ng-init="action1 = action1"
ng-mod
浏览 0提问于2016-03-13得票数 0
1回答
我需要在每个模板的基础上更新变量。我的主索引文件(布局文件)显示了这个值。我可以使用ng-init，但只有在表达式之前调用ng-init时才有效。如果我在模板页面上使用ng-init，它不能工作(我怀疑是由于代码顺序)。
ng-ignit
<div ng-init="amount='4'"></div>
Index.html (布局文件)
<span class="amount">{{amount}}</span>
Main_controller.js
$scope.amount = 1; //de
浏览 1提问于2015-01-21得票数 0
我想从我的C#/Razor中将一个值传递给angularJS。
我试过这个：
{{isDashboardOpened=@((ViewContext.Controller.GetUserSettings(this.User).ShowDashboardOnLoad).ToString().ToLower());""}}
它不能很好地工作，因为在这之后我不能再改变我的变量了。
下面是我的代码的其余部分：
<li id="btnDashboard" ng-click="toggleDashboard()" ng-class="{'
浏览 0提问于2016-06-09得票数 2
为什么下面的代码不能工作？我希望$scope.init()函数在启动时运行。在控制器初始化时运行代码的正确方式是什么？
app.controller('LoginCtrl', function($scope) {
$scope.init();
$scope.init = function() {
...
};
});
浏览 3提问于2014-10-16得票数 1
我遇到了一些麻烦，为什么我的图像不能正确地在一个ng-repeat中渲染，使用一个ng-init，ng-mousover和ng-mouseout。
<div ng-repeat="item in product.items">
<div ng-init="imgsrc='{{item.image01}}'"
ng-mouseover="imgsrc='{{item.image02}}'"
ng-mouseout="imgsrc='{{
浏览 0提问于2017-01-07得票数 2
回答已采纳
1回答
我正在使用最新的angular和以下代码(它以前可以工作)，ng-init崩溃并出现错误：
<tbody ng-controller="MyCtrl" id={{ row.id }} ng-init="init('{{ row.id }}', {$ config.stats $})">
其中{{ }}是Django中的模板渲染，{$ $}是angular中的插值符号(我知道这有点奇怪，但它需要后端和前端数据。
当我渲染页面时，我得到了以下错误：
Token 'config' is unexpected, expecti
浏览 2提问于2015-10-26得票数 1
：下面的代码是一个非常简单的示例，它使用ng-repeat指令显示一个项目列表。但是，在打开站点时唯一出现的东西是{{product}}。
<!DOCTYPE html>
<html lang="en" data-ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Some Title</title>
<link href="https://maxcdn.bootstrapcdn.c
浏览 7提问于2016-05-17得票数 0
回答已采纳
我有一个ng-repeat在另一个里面，我试图找出父母的索引。
因为它是事后订购的，所以我不能做典型的
ng-repeat="(step_index, step) in flow"
有人知道为什么会发生这种情况吗？
<ul>
<li ng-repeat="step in flow | orderBy:'+step_number'">
<div class="step_container">
<div class="step_conte
浏览 19提问于2016-08-10得票数 2
回答已采纳
嗨，我有以下问题，这似乎很容易，应该工作，但不是。
在我的代码中我输入了
<input type="text" ng-model="c.Id" ng-init="c.Id={{pId}}"/>
当我使用firebug工具查看DOM时，我看到了
<input type="text" ng-model="c.Id" ng-init="c.Id=6"/>
但是它不会在输入框中显示6，我也不能使用#scope访问它。请让我知道这里哪里出了问题，以及如何修复它，以便ng-m
浏览 0提问于2014-04-26得票数 7
回答已采纳
我是Angular的新手，而且这个简单的问题无法解决:我有这个html
<input type="number" max="20" step="0.1" name="est_mpg" id="est_mpg" data-ng-model="est.mpg" class="form-control" value="5.00" />
我不能让默认值显示出来，会发生什么，它会闪烁然后消失，所以这个框是空的，我可以从默认最小值开始向上/向下勾选。它工作得很好，直到
浏览 1提问于2014-03-02得票数 6
回答已采纳
2回答
我不明白为什么下一段代码不能工作。
<div ng-repeat="r in reservations" ng-init="new = r.some_code">
<div ng-if="old == new">
<p ng-init="sum = sum + r.cost">{{r.name}} - {{r.cost}}</p>
</div>
<div ng-if="old != new">
<p ng-init
浏览 3提问于2017-03-20得票数 0
回答已采纳
1回答
我有下面的angularJS代码，直到昨天还工作得很好。我不知道为什么这不起作用，没有响应的角度标签{{ variable }}没有显示，因此我假设我连接到了我的ng应用程序。正如上面所说的，我的数据源没有发生任何变化，localhost成功地检索到了我的数据源，并且我可以在开发人员工具中看到所有正确的内容。我已经搜索过任何小的语法错误，但找不到任何东西，我完全被为什么这不能工作所难住。 ng-app var app = angular.module("viewJSON",[]);
app.controller("viewCtrl",function Hell
浏览 13提问于2019-04-05得票数 0
回答已采纳
我想使用ng-init在编辑表单中显示输入文本框的默认值，但无论我做了什么都做不到。
这是我写的。
在控制器中：
.controller('ProfileCtrl', function ($scope, $http) {
$http.get('users.php').then(function (result) {
$scope.data = result.data;
$scope.username = $scope.data.username;
$scope.email = $scope.data.email;
$scope
浏览 11提问于2017-11-23得票数 1
回答已采纳
1回答
我有一个构建文件树的指令。作为其中的一部分，我试图在默认情况下使用ngModel和ngInit检查复选框，但我没有得到预期的行为。此代码来自链接函数：
Javascript
var treeSelectAll = true
(不工作)
<input type="checkbox" ng-model="node.selected" ng-init="node.selected = treeSelectAll">
(工作)
<input type="checkbox" ng-model="node.selec
浏览 1提问于2014-02-12得票数 0
关于ng-init的使用，我有几个问题--我在网上看到许多人建议，一旦控制器准备就绪，就用ng-init代替所需的函数。
如果我有两个使用相同控制器的争用，但我只想要其中一个视图触发一个特定的控制器函数呢，如下所示
index.html
<div ng-controller="myController">
{{ someStuff }}
</div>
<div ng-controller="myController" ng-init="run()">
{{ someOtherStuff }}
浏览 2提问于2017-04-07得票数 1
我已试过书中的每一件事。我只是不能得到选项1 value="1“用户被预选。我使用的是角质网站。如果删除ng-model="type“，它将被预选。但是不能让它与ng-model="type“一起工作。
<div class="form-group">
<select name="type" id="type" class="form-control" ng-model="type">
<option value="1" se
浏览 6提问于2017-07-09得票数 2
回答已采纳
1回答
我有一个数组或颜色=‘红’，‘白’，‘金’，‘黑’；我试图做一些类似下面的代码。
<span ng-repeat="color in item.colorOptions" ng-init="color">
<lable ng-if="'Red' == {{color}}"> This is Red..</lable>
<lable ng-if="'Black' == {{color}}"> This is Black..</lab
浏览 0提问于2017-04-05得票数 1
1回答
我有一个问题，我无法解决与其他相关的问题，所以Q/A。
这就是我的处境：
项中的项->多个重复项(使用ng-重复)
每个项目都有n个按钮(使用ng-重复)
我能够正确地看到每一个项目与它自己的按钮，但我不能选择正确的按钮点击。
当我单击一个按钮的外部比第一个项目的按钮的按钮，事件不能正常工作，它会触发事件的第一个项目。
我希望取得与相同的结果。
这是我的原始代码：
模板，每个项目包含一个项目模板：
<div class="myClass" ng-repeat="item in items">
<div ng
浏览 2提问于2016-05-30得票数 1
回答已采纳
我在使用ng-init时面临一个问题，并在我的html中为它分配模型。
下面的代码工作正常。以下代码用于添加/编辑功能。例如，在Edit模式下打开行时，它会保留现有值，并在textbox中显示它。
<div>
<div ng-if="title == 'Add Student'">
<input type="text" name="name"placeholder="Student Name" data-ng-model="registration.Studen
浏览 2提问于2015-06-01得票数 1
回答已采纳
给出使用AngularJS 1.2 rc3：的测试用例(重复如下)
1.
<li ng-init="toggle1 = false">
ng-if toggle1: {{ toggle1 }}
<p>
<button ng-if="!toggle1" ng-click="toggle1 = true">Turn On</button>
<button ng-if="toggle1" ng-click="toggle1 =
浏览 2提问于2013-11-06得票数 34
回答已采纳
1回答
大家好，我在处理ng-init或ng-init时遇到了问题，也许ng-init不是解决方案，好吧，我使用ng-init在我的动态组合框中初始化数据，如下所示：
<li class="list-group-item" ng-repeat="l in list |orderBy: 'idfonction' as filtered_result track by l.idfonction " >
<div class="row">
<div class="col-md
浏览 0提问于2016-05-24得票数 2
我有一个简单的上/下票计数器。它对否决非常有效，但当您单击up表决时，它会将1附加到原来的upvote变量的末尾。(它不添加，它为添加)，但只用于向上的投票。这是为什么，我怎么能修好它？
<span>
<a ng-click="upCount = upCount + 1" ng-init="upCount=location.upVoteCount"
class="btn btn-success">{{upCount}}
</a>
<a ng-click="downCount = downCou
浏览 1提问于2014-01-23得票数 1
回答已采纳
1回答
我想从angular js.or访问会话值，在文本field.But中设置它，它不工作。
<input type="text" id="uname" value="<%=session.getAttribute("username")%>" ng-model="username" readonly="readonly">
当我设置普通文本字段的值时，它起作用了，比如
<input type="text" id="uname" value=
浏览 1提问于2017-03-29得票数 2
我正在尝试使用自定义模板注册一个ng-click事件，以便在折叠面板中显示项目，但它们根本没有注册。我尝试了所有方法，使用hideExpression/watcher，将ng-click事件放在模板中，使用ng-class/ng-init/ng-click将元素设置为active，etc...nothing成功了。甚至在templateOptions中添加了一个onClick函数。还是没有运气..。它几乎看起来像是项目在那里，但他们不是there...never有这样的问题，让一个简单的点击工作。基本上，我希望用户能够单击一个项目，然后该项目变为活动状态，并使用选择更新模型，而前一个项目变为非
浏览 0提问于2016-11-20得票数 0
在我的SPA的index.html文件中，我声明了一个javascript函数：
<script>
function getData() {
//get data
}
</script>
反过来，从Angular组件HTML模板，我需要在该组件加载(onload)时访问javascript函数，但我必须从html模板执行此操作，不能从typescript控制器执行此操作。
例如，如果我想通过html模板中的"onclick“事件访问我的index.html的javascript函数，它工作得很好，但我不知道如何做到这一点，一加载页面就执行javascript函数
浏览 1提问于2018-04-11得票数 0
1回答
我正在尝试修改这里找到的角接触形式：
它可以很好地处理常规文本字段，我可以通过PHP mailer获得所有提交的数据。但是，为了特定的目的，我需要从隐藏的输入字段中提交数据。由于未知的原因，当我使用两个隐藏的输入传递数值时，它仍然有效：
<input type="hidden" ng-model="pprice" ng-init="pprice=241.50" value="241.50" />
<input type="hidden" ng-model="formData.inputSu
浏览 1提问于2015-02-23得票数 1
回答已采纳
1回答
我使用Angular来验证一个复选框，并使用ng-model来实现：
<input type="checkbox" name="news1" value="news1" ng-model="news" <c:if test="${xxxx == yes'}">checked="checked"></c:if>>
<label ng-click="news1();"></label>
当通过传递news1状态的链
浏览 2提问于2016-07-29得票数 0
0回答
为什么这不能真正起作用呢？
我有个实地测试。
但当我单击child1的<p>时，它不会影响child2 <p>。
<div ng-init="test=false">
<div id="child1">
<p ng-click="test=!test">
Click!
</p>
</div>
<div id="child2">
<p n
浏览 1提问于2016-07-05得票数 2
1回答
我正在MEANJS上构建一个应用程序。这是我的观点：
<section data-ng-controller="PostsController" data-ng-init="findOne()">
...
<span data-ng-controller="FavsController" ng-init="isFaved(post._id)">
<button type="button" ng-hide="faved[post._id]">
浏览 3提问于2015-03-04得票数 0
1回答
我拿到了这个：
<ul id="filterList">
<div ng-repeat="data in dataForTheTree">
<li> {{data.topic}} </li>
<ul id={{data.topic}}Son>
<li ng-repeat="d in data.children>
<input type="checkbox&
浏览 2提问于2015-11-05得票数 0
回答已采纳
我对棱镜的工作原理很困惑！
我使用ng-init和onLoad将两个变量传递给一个模板。从模板访问两个变量值，但是有一个控制器，我已经绑定到该模板。我在想为什么这两个变量在从控制器访问时打印它的值来自模板，而打印未定义的(onLoad变量)。
Fiddle illustrating my problem
我所理解的是，当我们使用ng-init传递变量时，它会在当前范围内创建变量，但是onLoad传递的变量是什么呢？？
请告诉我它到底是怎么工作的。
谢谢。
浏览 4提问于2013-08-26得票数 4
回答已采纳
这里我的json对象：
$scope.todos = [{
name: 'angular',
field: ['a', 'b', 'c', 'd'],
id: 1
}, {
name: 'asd',
field: ['a', 'b', 'c', 'd', 'e'],
id: 2
}];
我选择如下：
<select ng-model="dashboa
浏览 6提问于2016-06-17得票数 0
这是一个非常简单的问题，但我不知道为什么我不能解决它。
我正在尝试将字符串从json转换为整数，它会转换第一个对象，但从第二个对象转换不会：
HTML：
<body ng-controller="myApp">
<ul ng-repeat="vals in json_arr" ng-init="parseId(vals)">
<li>
<input type="number" ng-model="vals.id" />
</li&
浏览 1提问于2014-06-25得票数 0
我还是个php编程新手，我想知道为什么当我使用jquery ajax方法post更新数据库上的值时，我的Angular函数停止工作。
下面是我在我的angular on html上的代码：
<tfoot ng-app="kembalianApp" ng-controller="kembalianCtrl">
<tr>
<th class="has-text-right" colspan="6">TOTAL : </th>
<th clas
浏览 0提问于2018-12-12得票数 1
我正在与两个下拉列表，同时我们需要两个日历在它的工作。谁能告诉我为什么我的日历没有显示?？当我使用下拉列表代码时，我的日历停止工作。我需要的输出是这样的:- (1) 2天5小时(2) 5天4小时(3) 8天13小时这是我的代码：
<!DOCTYPE html>
<html>
<head>
<script>document.write('<base href="' + document.location + '" />');</script>
<l
浏览 4提问于2015-07-21得票数 0
我想我不明白什么..。为什么在控制台看到"Undefined“？
<script>
function Controller($scope) {
console.log($scope.name);
}
</script>
<body ng-app ng-controller="Controller">
<input type="text" value="3" ng-model="name">
</body>
浏览 3提问于2013-06-25得票数 1
我有下面的数据作为输入json，
"values":[
{"_attributes":{"name":"data.domain"},"_text":"${url}"},
{"_attributes":{"name":"data.port"}},
{"_attributes":{"name":"data.comments"},"_text":"Defaults
浏览 0提问于2018-03-27得票数 1
在我的Angular形式中，我在使用ng-options时遇到了问题，这些选项的键是一个整数，作为<option>的值
{{ form.status }} returns a string: 'foobar'
<select ng-model="form.status"
ng-options="key as value for (key, value) in status_list">
key是字符串>选择的值是正确的
{{ form.weekday }} returns an integer: 5
浏览 0提问于2016-04-05得票数 0
意见1：
<div ng-controller="ctrl1">
<button ng-click="goToForm ({'name':'aaa'})">
</button>
</div>
ctrl1：
$scope.selectedList = {
name: ""
};
$scope.goToForm = function(e) {
$scope.selectedList.name = e
浏览 0提问于2018-05-15得票数 1
回答已采纳
1回答
我试图得到一个客户名单和详细视图的工作，但我似乎无法弄清楚。NG-init不能工作，ng单击也不能工作，如果它是硬编码的，我可以让它工作，但是当动态加载数据时，它不能工作。如果有人能指出正确的执行方法，我将非常感激。
html：
<div ng-controller="ClientCtrl as clients">
<table class="listview">
<tbody>
<tr ng-repeat="stuff in clients.records"
浏览 1提问于2015-06-29得票数 2
回答已采纳
我在我的一个按钮上设置了一个*ngIf条件，如果某些字段有效，它就会在单击时调用geolocation()函数。相反，我希望在ngIf满意时立即自动触发此函数。我记得在angular 1.x中使用过ng-init，但是现在它似乎不能工作了，*ngInit也不能工作。
<button *ngIf="!venueNameInput.control.valid && !address1Input.control.valid" (click)="geolocation()">Test Dojo Geolocation</button&g
浏览 0提问于2016-01-14得票数 5
我是新来的安古拉杰。你能帮我解决以下问题吗？
我有复选框
<div class="checkbox">
<label>
<input type="checkbox" ng-model="weekendPrice" id="weekendPriceCheck" name="weekendPriceCheck"> Special Weekend Price
</label>
<input type="text" ng-show="week
浏览 3提问于2016-05-09得票数 0
回答已采纳
3回答
我有一个表，它基于字段值之一对行进行分组。这个小组正在运作。我正在使用ng-hide进行扩展和折叠。默认情况下，我希望第一个组被展开，其他组崩溃。我使用了一个标志变量，比如ng-hide="flag"。
此标志导致所有组展开或折叠。
我可以在运行时有条件地设置此标志吗？ng-hide是基于运行时动态工作的。我尝试过添加一个javascript函数，并在ng-hide="funct()“中调用它，但是没有工作。
<tbody ng-repeat="group in $groups" class="ng-cloak" >
浏览 5提问于2014-03-21得票数 0
回答已采纳
8回答
ng-init中的单引号/双引号
、、、、
假设我们正在将初始数据从php传递到由胡子查看的角‘视图，数据是一些包含引号的字符串，比如“不能删除项”。默认情况下，胡子将单引号转换为'，如下所示：
ng-init="message='Can't delete item'"
但这会导致某种角度解析问题：
列尾错误:列中未终止的引号.‘在表达式消息=“无法删除项”中
我不能用胡子的三重卷曲，因为那样就像：
ng-init="message='Can't delete item'"
输出中有相同的错误。
普伦克：
我们怎样才能
浏览 3提问于2014-11-05得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
