问题标签 [angular-strap]

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

twitter-bootstrap - 如何从 Angular Bootstrap 模态调用函数(使用 angular-strap)?

我正在使用 Angular JS(带有Angular Strap),并且正在尝试使保存确认对话框正常工作。

我有一个clear看起来像这样的函数:

然后,我的模态对话框中有以下按钮:

无论我单击哪个按钮,这都会很好地显示对话框并隐藏它。但它从不调用该clear函数。这是怎么回事?

0 投票
1 回答
1764 浏览

twitter-bootstrap - AngualrJS:如何将数据传递给引导模式?

这是 plunker - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview

我正在使用来自http://mgcrea.github.io/angular-strap/的模态

我想将事务 ID 传递给删除函数,如何使用 AngularJS 来实现?

谢谢

0 投票
1 回答
12979 浏览

angularjs - AngularStrap 选项卡加载 html 片段

我目前正在使用 Twitter Bootstrap 开发一个 AngularJS 项目,并试图将我的 Bootstrap 指令转换为 Angular。我决定使用 AngularStrap,因为它提供了对 Bootstrap-Select 的支持(我不确定 AngularUI 是否相同)。选项卡示例仅涵盖静态 html。有没有办法通过 AngularStrap 或 AngularJS 动态加载 html 片段,以便仅在单击选项卡时调用它?我的 html 片段也需要执行 javascript。

我这样做的原因有两个。首先是每个选项卡都包含很多内容,我不希望一次加载所有选项卡,这会减慢加载速度。第二个原因是我更喜欢对我的源代码采用更模块化的方法,而不是将所有内容放在同一个 html 文件中。

0 投票
2 回答
4843 浏览

angularjs - AngularJS:警报未显示

我正在将Angular Strap用于 Bootstrap 组件并尝试显示警报

这是 plunker - http://plunker.co/edit/DFBs3hTobHDs36QdqPte?p=preview

它没有显示警报,我错过了什么?

0 投票
1 回答
3026 浏览

jquery - 在 ng-repeated 列表项上使用 jquery next() prev()

我有一个使用 ng-repeat 重复的列表项。此列表项是关键字建议的列表。当用户按下向下/向上箭头时,我想使用 jquery 来简单地添加一个突出显示的 css 类,但我的 jquery 不起作用可能是因为建议是通过 angular 插入的。如何让 jquery 获取当前在 DOM 上的关键字建议,以便我的下一个和上一个工作?

HTML:

JavaScipt:

我还应该补充一点,这个输入字段位于使用 angularstrap 的模态框内,这可能与问题有关(不确定)。

总结一下如何让 jQuery 拾取由 angular 创建的列表项?

在理想的情况下,我宁愿只使用 angular,但我不能完全弄清楚如何做到这一点,因为需要 next() 和 prev() 否则看起来我将不得不使用一些冗长的 for 循环。

0 投票
1 回答
5110 浏览

angularjs - 需要控制器时的未知 $modalProvider 提供程序

我只在需要时才使用 angularjs 和 requirejs 来加载我的控制器。

在我的一个控制器中,我将 angularstraps $modal 用于模态框。

在 myCtrl1 中,您可以找到关闭和打开模式框的功能。

在 myCtrl2 中,只有在页面上引用了控制器时才需要 modal.js,但它看起来无法引用 $modal 并返回错误:

Plunkr在这里:链接

主要文件是 index.html、controllers.js 和 modal.js

0 投票
2 回答
2075 浏览

angularjs - Angularstrap 日期选择器不工作

我将 AngularJS 与 requireJS 与 angularstrap 一起使用。现在我只是想让一个日期选择器在我的模态框中工作,它也使用 angularstrap 和 bootstrap 但我一直收到错误:

myctrl1.js 是下载 datepicker.js 的文件,我列出了 main.js 中的所有依赖项。我从来没有能够得到应该是相当简单的工作,所以在这里发帖是我最后的手段。

Plunkr在这里:链接

主要文件是 index.html、controllers.js、myctrl.js

0 投票
2 回答
1508 浏览

twitter-bootstrap - 使用 angularstrap 创建不同尺寸的模态?

我将 angularstrap 用于模态框,我注意到模板没有父 .modal 容器。这引出了我的问题。当我无权为该模态框包装器添加类或 id 时,如何以不同的方式设置不同的模态框(包括大小)?

似乎我只能对已经存在的类进行样式设置,这意味着我的所有样式都适用于每个单独的模态框,当我有样式完全不同的不同模态框时,这是不好的。

Angularjs

引导示例:

Angularstrap 模态部分在这里:链接

0 投票
1 回答
5081 浏览

javascript - AngularJS - 将计算值从函数添加到范围

我有两个使用 AngularStrap datepicker 指令实现的 datepicker 字段:http: //mgcrea.github.io/angular-strap/

我还有一个控制器,它计算两个日期字段的差异。开始日期和结束日期。

计算结果显示在这里。

现在,通过 datepicker 选择日期后,当我查看我的范围时,startDate 和 endDate 都只显示带有空白数组的值:{ } 你知道这里有什么问题吗?另外,如何将 numberOfDays() 添加到当前范围。我尝试添加 ng-model="numberOfDays" 但是在处理计算时 numberOfDays 中的范围值仍然为空。任何帮助和建议将不胜感激。

0 投票
1 回答
1537 浏览

angularjs - AngularStrap 复选框按钮 ng-repeat 对象选择未反映

我正在使用 AngularStrap 复选框按钮,其中复选框项目来自服务器。所以,我正在尝试使用ng-repeat,但我无法看到所选项目的值。请查看我有 3 种复选框 的plunker -

  1. 一个常规的复选框,它可以工作。
  2. 引导复选框使用ng-repeat. 它不反映选定的对象值。
  3. 重复项目的引导复选框。有用。

请帮我修复上面我使用ng-repeat选项的#2。