问题标签 [angularjs-bootstrap]

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

angularjs - AngularJS Carousel 的最少代码

我花了一整天的时间试图让“示例”AngularJS Carousel 工作,这要归功于最终偶然发现了这个话题,我终于让它工作了。

从AngularJS Bootstrap 页面中的 Carousel 示例开始,有一些很棒的 HTML 和 JS 片段,但是通过查看站点无法判断,需要哪些 JS 和 CSS 文件以及需要多少 JS 和 CSS 文件才能使轮播工作。我已经尽一切努力让它工作,我最终得到了各种无关的(我认为?)JS和CSS文件。

甚至他们对angular.module('ui.bootstrap.demo').controller...我的概念也感到困惑,因为在我尝试之前我无法让应用程序工作 angular.module('myApp', ['ui.bootstrap', 'ui.bootstrap.tpls', 'ngAnimate', 'ngTouch'])——即使这样我也不确定需要多少这些模块。

有人可以列出使 Carousel 正常运行所需的最少 JS 和 CSS 文件,并简要说明原因吗?是否有一些'ui.bootstrap.demo'我错过的定义,这会简化一些事情?谢谢。

0 投票
1 回答
121 浏览

javascript - AngularJS 和 BootstrapUI - 将函数和参数传递给 BootstrapUI 指令

我想将一个函数传递给 BootstrapUI 的 popover 指令。该属性通常是一个字符串,但我需要进行 AJAX 调用以将属性提供给指令。目前,弹出框将函数显示为字符串,例如“showItem(one)”,而不是调用函数的结果,例如“Item is one”。谢谢!

的HTML

JS

Codepen http://codepen.io/anon/pen/PZQOdY

0 投票
1 回答
597 浏览

angularjs - 如何在 Angular 中手动声明和使用模块、控制器、服务和引导程序?

我正在尝试构建一个 AngularJS 应用程序,该应用程序具有一个控制器、一个服务和手动引导(否ng-app)。问题是我一直有一个错误:

参数“AppController”不是函数,得到字符串

HTML

引导程序.js

控制器.js

服务.js

谢谢


编辑 - 解决方案

controllers.js中,改用:

bootstrap.js中,作为“好习惯”:

这将只在bootstrap.js中创建一次模块,AngularJS 将尝试在controllers.jsservices.js中检索它。

0 投票
1 回答
433 浏览

angularjs - 使用 ESC 键在关闭模态期间传递参数

当我们使用 ESC 键关闭模式时,有没有办法通过 $modalInstance.dismiss 传递参数?如果用户使用“关闭”正确关闭,那么我知道我可以使用$modalInstance.close(ctrl.anyParam),如果我使用取消按钮,我可以使用$modalInstance.dismiss(ctrl.anyParam). 这很好用,因为我有承诺,$modalInstance.open并且取决于用户点击的内容,如果承诺被解决或拒绝,我可以处理。

但是,在用户单击 ESC 的情况下,ctrl.anyParam我可以通过以便在拒绝承诺中处理它吗?我在这里创建了 plunkr来描述我的问题。

0 投票
1 回答
224 浏览

javascript - Angular.js $compile 不起作用

我尝试将项目中的所有输入类型日期更改为 uib-picker-popup,我使用指令和 $compile 但新元素不起作用。当我将结果 html 放入新的 .html 时,它工作正常,我猜 $compile 存在一些问题。

源代码

指示

结果html

笨蛋在这里

感谢帮助!

0 投票
1 回答
672 浏览

calendar - 角度引导日历不显示日历

我已经安装了所有组件,但日历也没有显示。我已经手动下载了时刻并注入了 app.js

模块是:

控制器:

查看 (index.html)

时间表.html:

有人知道这个问题的解决方案吗?

在此处输入图像描述

0 投票
1 回答
1075 浏览

twitter-bootstrap - 如何在 angularjs 应用程序中为引导弹出窗口添加自定义标题

我们如何在 bootstrap 的弹出窗口中添加自定义标头。我使用了以下代码,我想添加带有一些链接的自定义标头:

0 投票
0 回答
72 浏览

javascript - 如果按钮单击不起作用,则弹出 div

我有一个按钮,单击它会显示一个下拉列表,我们正在使用引导程序来显示按钮单击下面的下拉列表是我的代码。

要求是我必须显示一个 div 弹出窗口,说明系统错误,只有当按钮单击不起作用时才会发生。

如何检查按钮单击是否有效并显示弹出窗口。

上面的代码是来自 w3schools 的示例代码,我的主要代码是用 angularjs 编写的,我使用 angualar-ui-bootstrap 进行下拉。列表值也来自控制器。

0 投票
1 回答
133 浏览

angularjs - angularjs bootstrap ui活动标签默认不加载

我正在使用 angularjs v1.5.5 和 ui-bootstrap-tpls-1.3.2。
我加载页面的动态。我有 3 页。我想默认加载最后一页

];

我的示例代码在这里

0 投票
0 回答
180 浏览

jquery - Angularjs 引导 UI 添加动态选项卡和页面未加载

  1. 我添加了动态选项卡
  2. 我单击未加载页面的“创建项目”按钮
  3. 单击“创建作业”按钮后,第二页已加载
  4. 在我单击“项目”选项卡后,页面打开

    如何打开具有活动和动态加载内容的选项卡。

HTML

JS

这是我的示例代码