问题标签 [angularjs-ng-init]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1398 浏览

javascript - 使用 ng-init 进行绑定是否在 Angular js 中有效?

我有一组值,其结构可以假设为

我想在一系列控件中显示它,以便用户可以更改值。但是我也想显示显然不应该改变的原始值。
我发现了一种可行的方法,我的代码使用 ng-init 是这样的

作为 angularjs 的一个完整的新手,我不知道这可能会产生什么影响,因为我在考虑 $watch 和性能方面几乎没有经验。

这样做可以吗?

0 投票
2 回答
15137 浏览

angularjs - AngularJS ngInit 与日期

我正在使用 .NET MVC 进行编码,并希望将存储的 DateTime 对象作为控制器中 Date 对象的初始值传递给前端。

这是我尝试过的:

这似乎不起作用,并且出现语法错误。

如何将 Date 对象作为范围变量的初始属性传入?

http://jsfiddle.net/xX8LJ/

更新

我忘记在我的代码示例中包含 Razor 代码。

0 投票
1 回答
1256 浏览

angularjs - 如何正确编译包含不在范围内的 html 的文本

基本场景是:

在我的主要 diw 包装器中,我有:

我想将它绑定在主 div 包装器内的 div 中,例如:

但它呈现Messages类似字符串而不是包含href的字符串。我试着这样做:

forry在我的控制器中添加如下:

当它加载时。在这里它只加载一个空内容。

请建议 hpw 将此变量呈现为包含 html 的字符串。

0 投票
1 回答
10725 浏览

javascript - 使用angularjs,ngInit加载视图时初始化范围值的正确方法?

在过去的几周里,我一直在学习 angularJs,并一直在研究一些大型应用程序,以了解事物在现实世界中是如何工作的。在大多数情况下,我注意到加载视图时:

即在相关控制器中调用函数init()。用于设置初始值。

但是(大但是)在阅读 ngInit 上的角度文档时,我看到了一个相当严厉的描述:

“ngInit 的唯一适当用途是对 ngRepeat 的特殊属性进行别名化,如下面的演示所示。除了这种情况,您应该使用控制器而不是 ngInit 来初始化作用域上的值。”

所以我的问题是,加载视图时使用 ngInit 初始化范围内的值是不好的做法吗?如果是这样,这是为什么呢?什么是正确的方法?

0 投票
2 回答
67346 浏览

angularjs - ng-init 通过函数

如您所知,可以按如下方式初始化对象:

是否可以通过函数定义类似的对象:

我的目标实际上是从 API 中获取对象并通过 ng-repeat 在列表中显示它们

0 投票
1 回答
92957 浏览

javascript - 将 Angular select ng-init 设置为数组中的第一个值

我有一个简单的选择元素,我试图强制存在一个值来提交表单,并且我尝试设置所需的属性以及使用 ng-init 来确保选择了一个值并且都失败了。

我正在使用ng-options从具有 ref 属性的对象数组中创建值列表。然后我想使用ng-init将显示的值设置为数组中的第一个 Object.ref。

我试过以下没有任何运气

属性也required不起作用?角度选择元素有问题还是我做错了什么?

0 投票
3 回答
78167 浏览

angularjs - AngularJS:ng-init 的范围

Angular 中 ng-init 的范围是什么?这是一个演示我的问题的简单示例:

此处提供实时示例:http: //plnkr.co/edit/HkioewOzzglvFMKDPdIf ?p=preview

似乎 ng-init 范围在 2 之间共享div[ng-init]。例如,如果您单击任一部分中的“2012”年,它会更改这year两个部分中的属性。

有没有办法告诉 Angular 为每个 ng-init 创建一个新范围,从而单击“2012”年只会影响它所属的部分?

0 投票
1 回答
501 浏览

php - 将多个 php 变量传递给范围对象列表

我是 AngularJS 的新手,并决定尝试一下。当我读到它时,我可以简单地插入现有的 HTML 并且它会工作。现在我被困在这一点上。这是我使用 wordpress 和 angularjs 缩短的 PHP 代码:

循环完成后,根据 HTML 源代码,所有 ng-inits <div class="material">-s 都得到正确的值:

<div class="material" ng-click="productMaterial(product)" ng-init="product={name:'Castello',tree:'oak'};"></div>
..
<div class="material" ng-click="productMaterial(product)" ng-init="product={name:'Variostep CL',tree:'oak'};"></div>

我的控制器:

所以问题是每次我点击任何产品时,总是最后一个产品打印在控制台中,即Variostep CL. 我知道循环中的每个新循环都会覆盖以前的产品对象,并且只存储最后一个产品。

如何传递产品数据,以便每当我点击网页时,正确的产品数据都会记录到控制台?

正如我所看到的,其他方法是使用纯 angularjs 方法,即我执行 API 请求并接收 JSON,然后使用 ng-repeat 而不是 WP 循环,但是这将需要我重写更多代码。

我正在考虑制作一个递增计数器并存储产品数组,然后通过角度控制器中的索引进行访问,或者是否有一些更简单的方法?

如果我的问题太杂乱,我可以带网页截图和更清晰的解释。谢谢

0 投票
0 回答
825 浏览

angularjs - AngularJS - ngrepeat 表单输入元素动态填充默认值以发布

http://jsfiddle.net/9sCnC/12/#

我正在浏览一个 json 文件并通过 ng-repeat 解析它,每个项目上的一个按钮打开一个模式窗口。在这个窗口中生成一个表单,其中包含我想放入另一个数据数组的数据,该数组将通过 post 发送到一个 php 文件...

我不明白的是:

如何将正确的项目从 course.NoEDA 转移到另一个 ng-model formData.eda?

我只是从这个开始,如果我做错了,请在这里帮助我......我的小提琴根本不工作,但在我的本地服务器上一切正常,除了传递值来发布它们.. .

提前致谢...

0 投票
1 回答
2912 浏览

angularjs - Default value on a Select2 with an ng-repeat with data coming from an API call

I have an angular select2 as follows:

in my controller, clients is set like this (calling a service that returns a $promise from a $resource):

I also set the initial value of $scope.newTicket.clientstate in the controller. Because the call to the $resource is asynchronous, the setting of the initial value happens before the query resolves.

I'm trying to get the dropdown to populate an initial value ("DEMO|DEMO") after the API call completes. I think that the solution is one of 3 things: setting ng-init on the select, setting ng-selected on the ng-repeat, or doing something in the .then() that happens after the API returns the query. I can't seem to get the right syntax to work however, and I was hoping to get some advice on how to proceed.

My first effort to solve things (you can see that in the comments below) was to convert everything to an ng-options, but the ui-select2 library is incompatable with ng-op[tions, so I'm looking for another possibility.