问题标签 [angularjs-1.5]

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 投票
2 回答
3600 浏览

javascript - 如何使用 AngularJS 对 JSON 数据执行添加、编辑和删除操作?

我有json文件:

我想使用 AngularJS 对此 json 数据执行添加、编辑/更新和删除操作。

我做了以下事情:

索引.html:

编辑名称.html:

应用程序.js:

一个。如果我单击Add按钮:则应在我的第二个表中添加相应的 JSON 名称数据。

湾。如果我单击Edit按钮:则相应选择的 JSON 名称“ dynamic”字段选项应该是可编辑的(打开editName.html),然后应该在单击更新/保存按钮时保存(然后它应该被重定向到index.html)。

C。如果我单击Delete按钮:则应删除相应的 JSON 名称。

我创建了Plnkr。我请求大家帮我解决这个问题,我该如何执行这些操作。提前致谢。

0 投票
1 回答
400 浏览

webpack - AngularJS 1.x TypeScript(带有 Webpack)拦截器问题

我刚刚开始使用 TypeScript,所以我认为这很愚蠢。我已经浏览了几十个链接,但无法准确找到我的服务实例未定义的问题。所以我的应用程序结构很简单(?):使用带有 TypeScript 和 Webpack 的 AngularJS 1.5。我的主要应用程序文件如下:

我的拦截器文件如下:

所以,在上面的方法request(reqCfg: any): any我已经评论了我需要访问 appLocalStorage 的局部变量的行,我收到错误“无法访问未定义的属性 'appLocalStorage' ”。

** 我在所有服务构造函数中添加了 console.log(稍后将删除)。当我页面加载我的应用程序加载正常,直到拦截器被击中。在请求函数中,我的服务实例是undefined。请参阅下面的日志:

控制台日志

作为 console.debug(JSON.stringify(this)); 的结果,我突出显示了“未定义”。

我想知道为什么我的this in service 是undefined

如果您在主应用程序文件的末尾看到那些虚拟行,我认为另一个不是大问题,只需练习即可。为什么我需要告诉 webpack 一些基本的东西?

有人可以帮忙吗?

正如我在下面的主要问题的回答解决
了但是放置虚拟行以便 webpack 捆绑我的文件的小问题仍然存在。

0 投票
1 回答
4131 浏览

angularjs - 是否可以在 ng-click 上调用组件?

以前有一个<div>,我正在切换的内容ng-click。使用 Angular 1.5 中的组件,我移动了 的内容<div>并创建了一个component. 我现在想加载这个componentng-click

这可能吗 ?

我还没有找到任何帮助。如果可能的话,帮助将是巨大的。

0 投票
2 回答
321 浏览

angularjs - 如何使用 AngularJS 过滤 JSON 数据?

我有三个dropdown盒子。我需要过滤数据并需要根据我的复选框选择(使用single checkboxortwo checkboxesthree checkboxes)显示在表格中。

我已经完成了以下操作,但是如果我们清楚地观察它,我无法正确使用AngularJS.

喜欢:

一个。它应该适用于individual checkbox selection: 表示如果我single checkboxNameDescription或中选择任何一个Field4,则相应的匹配过滤数据应显示在表中,否则不应显示任何数据(即,如果它与我们的复选框选择不匹配,则表示它将'不显示任何数据)

湾。它应该适用于multiple(two) checkbox selection:意味着如果我选择任何多个复选框,例如one from Nameandone from Description or one from Descriptionone from Field4 or one from Field4and one from Name,则相应的匹配过滤数据应显示在表中,否则不应显示任何数据(即,如果它与我们的复选框选择不匹配表示它不会显示任何数据)

C。它应该适用于multiple(three) checkbox selection:意味着如果我选择了三个复选框,例如one from Nameandone from Descriptionone from Field4,那么相应的匹配过滤数据应该显示在表格中,否则它不应该显示任何数据(即如果它不匹配我们的复选框选择意味着它不会显示任何数据)

它仅在第一次checkbox选择时工作正常,意味着:在加载上述代码/应用程序后,如果我们 check上述任何一个选择(如single checkbox选择或two checkbox选择或three checkbox选择)然后它工作正常,后来它不工作(意味着如果我们uncheck符合上述任何标准,然后如果我们checkbox再次选择任何标准,那么它就不起作用,为此我们需要再次刷新应用程序/代码,然后只有它才能工作)。

示例:如果我从名称中选择一个,则将显示相应的匹配数据。然后再一次,如果我从那时起uncheck同样如此,它就不起作用了。对于上述所有标准也是如此。你可以清楚的。checksome other checkboxDescriptionobserve

请让我知道我在这里做错了什么,并让我知道如何正确过滤它。创建了小提琴。提前致谢 !

0 投票
0 回答
121 浏览

scope - angular 1.5 从组件中的嵌入元素获取范围日期 *NOT 指令*

我有使用 transclude 实现逻辑的组件

我如何获得组件范围

<confirm-button> <md-button ng-disable="$ctrl.checkSomeInsideComponentScope()"> i'm transcluded button </md-button> </confirm-button>

注意:嵌入使用嵌入槽

谢谢

0 投票
1 回答
112 浏览

javascript - 从原始角度路由器更新到角度组件路由器会产生错误:

请参阅此处的代码:http: //plnkr.co/edit/xIRiq10PSYRsvNE0YWx7 ?p=preview 。

我收到以下 2 个错误。

  1. Route 必须提供路径或正则表达式属性
  2. [$compile:ctreq] http://errors.angularjs.org/1.5.3/ $compile/ctreq?p0=ngOutlet&p1=ngOutlet

索引.html

模块.js

电影应用组件.js

0 投票
2 回答
293 浏览

javascript - 如何在 Angular 1.5 中使用单向绑定?手表有什么替代品吗?

组件.HTML 文件:

这是 component.js 文件:

我有一个 api 调用,它每 2 秒获取一次新数据,并且我想在获取新数据时更新我的​​表。我正在使用 Angular 1.5,但不确定如何更新表格。

0 投票
1 回答
129 浏览

javascript - AngularJs $parse 字符串到对象

所以可以说我有一个服务器,它返回一个字符串,如:

是否可以将其解析为函数?

我试图用以下方式解析它:

但得到

我想要类似的东西:

0 投票
0 回答
183 浏览

javascript - Angular 指令嵌入范围问题

我正在创建一个自定义指令,如下所示:

场景如下:

  1. 是在 a的directive-a范围内controllerA
  2. 该指令从customData(对象数组)接收customData(对象数组)controllerA并根据提供的特定键(customKey)对customData中的数据进行分组
  3. 它使用 transcludeFunction 插入一个ng-repeat动态使用的 javascript 并在其中嵌入 Transcluded-Content ng-repeat,然后最终编译其父级ng-repeat以显示列表。

Transcluded-Content 将充当模板(由用户传递),其中数据将由directive-a.

面临的问题是,当 Transcluded-Content 是静态的时,它可以正常工作,但是当 Transcluded-Content 是自定义用户创建的指令时,角度会报告以下错误

无法读取未定义的属性“X”。

这个错误的原因(我认为)是 Angular 在中查找用户传递的自定义指令的数据scope of controllerA并且无法找到它从而导致错误。

我该如何解决我的问题?

角度版本:1.5.8

JSFiddle 代码段

0 投票
2 回答
56 浏览

angularjs - HTML 元素中的绑定信息

我有一个返回应用程序数组的 http.get

对于他们每个人,我都创建了一张卡片(自定义指令......想想谷歌现在卡片)并向他们添加一个引导模式。这个想法是您可以单击每张卡片并获取有关该特定应用程序的更多信息。

在我的模态代码中,我想检索有关应用程序的信息(例如应用程序名称)。由于这在 for 循环之外,Angular 已经丢失了我的应用程序名称,因此会引发错误。

我已经通读了 angular Api ... 我正在寻找一种将应用程序名称“绑定”到模态的方法,以便它知道它,但看不到任何合适的东西。我是 Angular 的新手,因此我可能没有正确地接近它。

你会如何处理这个问题?