问题标签 [angular1.6]

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 回答
45 浏览

angularjs - 当 url 参数在 Angular 1.6 中包含“@”符号时,我的页面正在中断

我正在使用 angular 1.6,只要 url 参数中有“@”符号,我的页面就会中断。例如,www.stackoverflow.com?email=jon@gmail.com。不知道发生了什么。它正在编码并与所有其他符号一起工作。我正在使用ui-router,这会是偶然的原因吗?

0 投票
1 回答
39 浏览

angularjs - 如何创建一个接受输入但多次使用的组件?

我有搜索列表,用户可以在其中单击某个项目。该项目被添加到列表中。该列表是我的应用程序中的一个组件。列表组件包括一个输入部分,用户可以在其中输入他们想要为该特定列表项设置的价格。当我为特定列表项输入价格时,其他项目的输入会更新为相同的价格。单击此处查看示例。

0 投票
2 回答
885 浏览

javascript - NG1:用于变量初始化和方法绑定的类控制器构造函数与 $onInit

在将此问题标记为重复之前...我知道您在想什么,这已被问过无数次,但不完全是。

我在研究期间从各种来源(包括官方文档,以及 Angular Guru 和传道者)知道,该$onInit块通常保留用于依赖于 Angular 完成所有绑定的初始化工作/逻辑

然而,变量初始化并不真正符合这个“工作/逻辑”的定义。特别是其中没有任何角度逻辑的变量。因此,ES6 构造函数似乎更适合变量初始化。同样适用于需要词法绑定范围的回调方法绑定,如下所示:

虽然这看起来很适合遵循“角度方式”做事,仅使用$onInit块进行初始化工作/逻辑,我也看到很多人说角度控制器类构造函数应该只用于依赖注入设置

所以,这让我很困惑。构造函数似乎是最适合变量初始化和方法绑定的块,并且$onInit似乎它并不真正适合该角色,但确实不清楚我应该使用什么。有人可以帮我弄清楚我应该将变量定义和方法绑定放在哪里吗?

0 投票
0 回答
58 浏览

javascript - Angular 重复 - 复杂的 HTML 循环

我想循环这个HTML结构每个循环都应该在里面添加一个图像然后再次重复外部元素并继续。

我发现很难隔离索引并在序列中附加正确的图像 - 我尝试过模数但不同步。

我有点需要以 5 块为一组重复这个块,然后继续另一个块,直到全部完成....不知道如何。

0 投票
3 回答
1450 浏览

angularjs - 从子组件访问最父控制器

我在我的应用程序中使用 angular 1.5 组件,这是我的结构:

基本上,我将 ui-router 与 Angular 组件一起用于嵌套视图。

我知道,使用controller as语法,您可以访问父控制器,但是由于某种原因我不能。没有显示任何内容{{ app.user }}

现在我已经阅读,组件的范围是隔离的,但我认为这仅仅意味着父组件无法访问子组件。

如果它是完全隔离的,我将如何访问父控制器中的全局数据?

谢谢你!

0 投票
0 回答
50 浏览

javascript - Angular 无法通过引用将函数传递到隔离范围(几个嵌套指令)

我有 3 个嵌套指令:

ExchangeWidget -> CoinInput (2 total) -> Coin (Several)

编码:

ExchangeWidgetDirective

CointInputDirective

CoinDirective

我得到的错误是: TypeError: self.changeCounterPrice is not a function at coininput.directive.js:68 at Scope.$digest (angular.js:18210) at Scope.$apply (angular.js:18480) at bootstrapApply (angular.js:1952) at Object.invoke (angular.js:5040) at doBootstrap (angular.js:1950) at bootstrap (angular.js:1970) at Object.angular.bootstrap (ocLazyLoad.js:760) at HTMLDocument.<anonymous> (index.bootstrap.js:18) at mightThrow (jquery.js:3583)

(对于 相同postSelect

堆栈跟踪: (anonymous) @ angular.js:14642 (anonymous) @ angular.js:11102 $digest @ angular.js:18228 $apply @ angular.js:18480 bootstrapApply @ angular.js:1952 invoke @ angular.js:5040 doBootstrap @ angular.js:1950 bootstrap @ angular.js:1970 angular.bootstrap @ ocLazyLoad.js:760 (anonymous) @ index.bootstrap.js:18 mightThrow @ jquery.js:3583 process @ jquery.js:3651 setTimeout (async)
(anonymous) @ jquery.js:3689 fire @ jquery.js:3317 fireWith @ jquery.js:3447 fire @ jquery.js:3455 fire @ jquery.js:3317 fireWith @ jquery.js:3447 ready @ jquery.js:3920 completed @ jquery.js:3930

什么是超级奇怪,是select工作就好了!(双向绑定函数,从 to 的孤立范围coinInputDirective引用coinDirective

0 投票
1 回答
54 浏览

angularjs - ng-show 没有任何影响

我有这个尝试使用 ng-show 的基本示例。如果从国家下拉框中选择了“GB”,我实际上只想显示页面的一部分。当我从下拉框中选择 GB 时,我已验证 ctrl 在其中收到“GB”。但是,这些元素最初并未隐藏在页面上,从选择框中选择内容没有任何影响。我会很感激任何帮助。

0 投票
1 回答
734 浏览

angularjs - 组件,Angularjs1.5 中的绑定 - 将数据从一个控制器传递到另一个控制器

从我的解析中获取帐户和人员数组后,我如何访问组件控制器中的人员和帐户?我还尝试了在主 ctl 中定义 acctTally 并将其绑定到组件,但没有成功。

我可以将人员和帐户绑定到组件并在组件模板中访问它,但是我想在组件控制器中的任一数组上进行工作是我遇到问题的地方。我错过了什么关键概念????

主控制器

主模板

零件

组件模板

0 投票
1 回答
318 浏览

datatable - ag-grid 不适用于 angular 1.x

我正在尝试将 ag-grid 用于我的一项项目工作,并尝试使用 webpack 和 Angular 1.6 对其进行配置

我已将其配置如下

模块

控制器

html

但是当我使用 i 时,它显示如下 表视图

然后我尝试添加样式表如下

要求('ag-grid/dist/styles/ag-grid.css');要求('ag-grid/dist/styles/theme-fresh.css');

再一次,表格想要正确渲染,它将显示如下

在此处输入图像描述

有什么东西不见了吗?如果你能给我一些提示,我将不胜感激??

0 投票
1 回答
3245 浏览

javascript - webpack uglify 错误:意外的令牌:关键字(函数)

我正在尝试运行npm run build但我不能这样做。
我正在使用 webpack 2,但它给了我一个来自 UglifyJsERROR的 uglifyJs
app.3e1e32973e47000acf37.js Unexpected token:keyword (function) [app.3e1e32973e47000acf37.js:130155,20] ERROR in app.bundle.js from UglifyJs

这是我的 package.json

这是我的 webpack.config.js 文件

这是我的 babel 文件

当我用这个新的测试对象将 webpack.config.js 文件从js更改为es6

我从 UglifyJs Unexpected token: operator (>) [app.8c6dc5e29db45e3eb325.js:5564,32] 得到 app.8c6dc5e29db45e3eb325.js 中的ERROR ERROR

请让我知道我在这里运行npm run build做错了什么?