问题标签 [angularjs-view]

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 投票
0 回答
277 浏览

html - 相同的css字体属性但在angularjs视图中显示不同

我有一个大问题,显然还没有人遇到过这个问题。我一直在修改我的网站,它使用 AngularJS 来使用视图,而不是每次都对整个页面收费。现在我同时对 css 进行了轻微的修改,但现在两个视图之间有一个非常奇怪的区别(我对两个显示器使用相同的浏览器,谷歌浏览器)。我还在图像 jquery 调用中包含了两个图像的 css 字体相关属性是相同的。我用 jQuery 测试的“h4”元素是中间的“Titre”,但其他两个元素也应该显示相同。左视图没有 angularjs ng-view,右视图在 angularjs ng-view 相同字体属性的字体显示差异 感谢您的帮助,

0 投票
1 回答
92 浏览

angularjs - 在控制器初始化期间调用 angularjs 函数

我继承了大量代码。它按照原始规范工作,因此尽管它可能是也可能不是“正确”的做事方式,但它确实有效,我不想弄乱它。(我对 Angular 非常陌生,并且在紧迫的期限内 - 我现在没有时间“修复”没有损坏的东西,即使它们没有以“正确”的方式完成。)

我有一个复选框和一组地址字段。选中该复选框后,将运行一个填充地址字段的函数。

在我的控制器中,我有一个名为handlePrepopAddress()

当我单击复选框时,它会正确运行并更新各个字段。要求已经改变,客户现在希望复选框默认为选中状态,然后默认字段的值。我认为我可以在控制器的开头运行该函数,而不是复制代码,如下所示:

该函数正在运行,因为console.log我在函数中的语句正在运行。但是视图没有更新;该复选框明显未选中,除了初始占位符值外,其他字段为空。

我错过了什么?如何使函数更新视图?

0 投票
1 回答
2058 浏览

angularjs - 单页应用 angularJS

我正在开发一个示例应用程序来学习AngularJs

有三个链接显示ng-view.

main.html 有三个链接。

这是锚点:

它工作正常。但是当我尝试在新选项卡中打开链接时,它不会打开。

我知道路由是在客户端完成的,服务器不知道。

任何建议都会有所帮助。

我通过在线搜索找不到任何相关的答案。

谢谢。

编辑::服务器端代码。

在 nginx 中:

0 投票
1 回答
149 浏览

angularjs - Angular:我应该在哪里跟踪 div 的“扩展”状态?

我是 Angular 的新手,所以这是一个关于最佳实践和关注点分离的问题。

假设我有以下设置

假设每个“项目”都可以在视图中展开或折叠。因此,对于每个项目,状态都有一个布尔值。expanded = [...booleans...]在控制器中使用并ng-class="{ active: expanded[index] }"在每个视图上 使用是否合适?

我不确定在哪里保持每个项目的展开状态。

0 投票
1 回答
1227 浏览

angularjs - “AngularJS 方式”在视图中映射输出值

我正在就 AngularJS 的初学者问题寻求建议:

我的应用程序在很多情况下,它所使用的 API 从可能的类型列表中提供了一个值,我已经将该值提取到我的模型中,然后我想将它映射到某些东西,例如每种类型的图标。由于我可能会频繁地重复使用其中一些常见类型的映射,因此有什么好方法可以高效并允许重复使用?

我试图保持它“干燥”并坚持“关注点分离”,因此显示逻辑尽可能与模型分开。

我知道“好”是主观的,但希望人们在这里得到这个想法......

在我看来,这似乎是一个相当普遍的情况,但一些切实的例子是:

一世。使用文件,我得到文件类型,我想映射它,以便显示基于类型的特定图片。在处理文件的应用程序中,这可能会出现在很多地方。

ii. 天气应用程序 - 会被告知天气类型,然后希望显示特定的天气图标(同样在整个应用程序的许多地方)


我对 AngularJS 还很陌生,但我已经阅读了一些关于这个问题的内容,但我不确定如何最好地进行,因为有多种可能的方法可以解决它 - 我猜它可能是:

一种。制作我自己的过滤器,这样我就可以在表达式中的不同位置重复使用它,我将模型中的值放入其中

湾。制定我自己的指令(对此不太清楚,但我的理解是我可以为特定目的制定指令,例如,如果我希望我的“类型”代表诸如“星”计数器之类的东西并输入类似的值3 使其显示 3 颗星等)

关于在哪里可以找到好的示例代码的任何建议或建议?

非常感谢,

尼尔

0 投票
1 回答
97 浏览

angularjs - 一个视图在不同时间绑定到不同的数据模型(AngularJS)

我创建了一个视图(一个由一些 div 和输入框组成的 HTML 文件),现在我想将该文件用作不同位置的视图,但绑定了不同的数据模型。“我的意思是改变输入标签的 ng-model”

一种方法是一次又一次地制作相同的视图并将其与相应的数据模型绑定。但我不想要它。我怎样才能只使用一个 HTML 文件作为视图并将其与不同位置的不同模型绑定?

PS:我对 Angular-JS 有点陌生

0 投票
1 回答
65 浏览

javascript - 角JS。相等运算符在 false 时返回 true


在 angularJS 中有一个没有按我应该返回的相等运算符。

示例:
来自对象“data.valuea”
的值为 50。来自对象“data.valueb”的值为 200

难道我做错了什么?或者会有更正确的方法来做到这一点?

0 投票
1 回答
10322 浏览

angularjs - 仅更改 ui.router 中状态更改的一种视图?

我有一个简单的布局,如下所示:

“主要部分”向用户展示表单;根据他们的选择,“主要部分”state应该改变(即:应该加载不同的部分)。我如何促进这一点UI.router

例如:仅更改columnOne状态/about: http: //plnkr.co/edit/IzimSVsstarlFviAm7S7

0 投票
2 回答
127 浏览

angularjs - AngularRoute.js 是 Angular js 中路由的强制要求吗

我是 Angular js 的新手。请帮我。

我阅读了一些关于角度视图和路由的博客,并实现了视图和路由的代码。代码不起作用。因为我在代码中包含了 angularoute.js,所以它对我来说很好。

但在所有博客中,它们都不包括 angularoute.js 来编码。

所以我的问题是路由逻辑已从 angular.js 中删除,或者我做错了什么。

0 投票
1 回答
83 浏览

javascript - 在 AngularJS 中,如何在视图更改时加载脚本?

在 AngularJS 中,它能够使用ng-view路由页面的一部分。这对于较小的项目来说非常好,但是随着项目变得越来越大,由于无法在脚本标签中加载脚本,它的扩展性不是很好。我看过其他一些关于此的帖子,但我无法找到解决方案。我可以让它工作的唯一方法(我认为它是一种 hack 并且不能按照我想要的方式工作)是如果我在基础Index.html的顶部包含所有脚本。

我想要的是当视图更改为在正在加载的视图的标题中加载 Javascript 文件时,因为它们将在那时实际使用,而不必在应用程序的开始。

http://plnkr.co/edit/7LMv0j2sAcjigPuW7ryv?p=preview

在演示项目中,Index.html 调用了 console.log 命令,但我无法让 page1 或 page2 调用 log 命令。任何帮助将不胜感激。

我正在使用 Angular 1.3.0 Beta 11。