草庐IT

Angular-bootstrap

全部标签

javascript - 如何使用 angular ui bootstrap 在 pop 上显示 html?

我像这样制作弹出窗口演示。当我单击按钮时,它会在右侧显示一个弹出窗口。但现在的问题是我将如何在弹出窗口上显示一些html。Rightangular.module('plunker',['ui.bootstrap']);我有这个HTML我需要如何在弹出时添加它。我知道在bootrap.js中有办法在弹出窗口上添加html。我不想使用它我想使用AngularUIbootrap.jsaddrowDeleterow我做了更多类似的尝试,但未定义。可能我错了,我只是在做RNDRightvara=angular.module('plunker',['ui.bootstrap']);a.direct

javascript - 绑定(bind)到 angular2 中的组件属性

我想在A.该组件的构造函数B.该组件的模板中引用一个组件的属性。这方面的API似乎有点变化,但我希望以下内容能够正常工作://mycomponent.es6.js@Component({selector:'my-component',properties:{'greeting':'greeting'}})@View({template:'{{greeting}}world!'})classApp{constructor(){console.log(this.properties)//justaguess}}Plunkr我做错了什么? 最佳答案

javascript - 如何使用 'manual' 作为 Twitter Bootstrap 框架中弹出窗口的触发选项?

在TwitterBootstrap框架中,Twipsy和Popover插件都将“手动”列为触发工具提示的选项。如何使用手动选项(即它的实际效果是什么-如何激活工具提示)?回答这就是我最终使用的(利用“切换”):jQuery(document).ready(function($){$('.popup-marker').popover({html:true,trigger:'manual',}).click(function(){$(this).popover('toggle');});}); 最佳答案 您可以通过以下方式激活它:$('

javascript - 在 Angular Directive(指令)中从父级继承的新范围

假设我这样做:sAngular.app.directive('dostuff',['$compile',function($compile){return{restrict:'C',scope:{someVar:'='},link:function(scope,element,attrs){element.click(function(){//dostuffscope.someVar='somethingelse';vardropdownOutput=template();varcompiledOutput=$compile(dropdownOutput)(scope);scope.$

javascript - 带有 Primefaces (JSF) 的 Twitter Bootstrap

我正在尝试将Primefaces3.2(也许它通常与JSF相关)与TwitterBootstrap2.0.2(http://twitter.github.com/bootstrap)一起使用。我在入门示例(http://twitter.github.com/bootstrap/examples/starter-template.html)中添加了一个下拉菜单,其中包含以下脚本:这在JSF页面上工作正常,但如果我添加一个简单的p:dataTable下拉菜单不再起作用。我想它与JavaScript相关,但不确定在哪里搜索此错误。 最佳答案

javascript - 调试 Angular

我一直在想,每当Angular记录错误时,它都是一堆类似于以下的乱码:Error:[ng:areq]Argument'AppController'isnotafunction,gotundefinedhttp://errors.angularjs.org/1.2.23/ng/areq?p0=AppController&p1=not%20a%20function%2C%20got%20undefinedathttp://localhost/NAME/vendors/angular/angular.js:78:12atassertArg(http://localhost/NAME/vend

javascript - Bootstrap (4) 可以与 Angular Material (2) 一起集成吗?

我想使用AngularMaterial2库,因为它的(不断增加的)组件列表。但我习惯于Bootstrap,它是响应式实用程序和典型事物的轻量级UI之类的好东西。我所说的Bootstrap主要是指它的CSS部分,我几乎从不需要它的JS功能。例如,在Materiallilbrary中,列表组的样式几乎为零,而Bootstrap则通过其css提供了样式。我记得读过,将它们结合起来并不是一个好主意,主要是因为它们的全局应用程序范围样式会发生冲突。我找不到那个来源,我很好奇-当前版本是这样吗?如果是这样,究竟有什么冲突以及如何解决? 最佳答案

javascript - Angular.js 延迟 Controller 初始化

我想延迟Controller的初始化,直到必要的数据从服务器到达。我为Angular1.0.1找到了这个解决方案:DelayingAngularJSroutechangeuntilmodelloadedtopreventflicker,但无法让它与Angular1.1.0一起使用模板EditorTemplate{{datasets}}JavaScriptfunctionMyCtrl($scope){$scope.datasets="initialvalue";}MyCtrl.resolve={datasets:function($q,$http,$location){vardeferr

javascript - AngularJS 如何为 Bootstrap 模式创建可重用的模板

所以我正在使用AngularJSBootstrap模态(http://angular-ui.github.io/bootstrap/)。哪个工作正常,但我想知道我是否可以创建一个可以包含标题和内容的基本模板。然后它会用这些信息填充我的模板。该模板将有一个关闭按钮、取消按钮、叠加层等。AngularJS是否有一种简单的方法来执行此操作?这是从示例中提取的,它是关于我所拥有的。我的内容在templateUrl中。传入模态模板会很好,这样我就不必为我创建的每个模态重新创建标题和关闭按钮。varmodalInstance=$modal.open({templateUrl:'myModalCon

javascript - 如何使用纯 Javascript 过滤非常大的 Bootstrap 表

我在bootstrap中构建了一个大表,大约5,000行x10列,我需要仅使用JavaScript快速过滤特定属性的表。该表同时具有id列和属性列,即id|attr|...---------------2|X|...3|Y|...4|X|...为了加快过滤过程,我构建了一个哈希表,将属性映射回列ID。例如,我有一个映射:getRowIds["X"]=[2,4]用户可以在搜索框中输入属性“X”,哈希表然后查找包含“X”的对应行(在本例中为2和4),然后通过map操作调用以下函数:this.hideRow=function(id){document.getElementById(id).s