草庐IT

Angular-bootstrap

全部标签

javascript - 推特 Bootstrap 中的行流体与行

我有一个container-fluid容器元素,并且一直在使用row而不是row-fluid,诚然是出于无知。现在我想用row-fluid类替换row类,但是遇到了一些问题。首先,我查看了row-fluid宽度是如何在.less中定义的,它对我来说完全是象形文字,所以有人愿意解释一下吗?更重要的是,当我用row-fluid替换row时,元素的高度会折叠为0,这要求我包含.clearfix类以便row-fluid元素增长以包含其子列。为什么这是必要的,即什么是float的,为什么当我用row-fluid替换row时? 最佳答案 这取决

javascript - Angular 中兄弟作用域之间的通信

这是如何在两个作用域兄弟组件之间正确通信?Ctrl1向Ctrl1和Ctrl2的父范围发出事件。父作用域监听Ctrl1发出的事件,然后将另一个事件向下广播到Ctrl2。Ctrl2监听来自父作用域的广播事件。 最佳答案 是的,这就是我在Angular中的兄弟作用域之间进行通信的方式。通常,我认为Ctrl1向其所有后代作用域发出“向上”信号,并“在”父作用域上监听该事件,父作用域向所有子作用域广播“向下”信号。在这种情况下,Ctrl2应该在“on”上设置一些东西,以便在听到事件后做一些事情。作为旁注,我做了类似的事情,我将rootScop

javascript - Angular 2 : Type 'Subscription' is not assignable to type

我创建了一个非常小的应用程序来从json文件中获取国家并将其绑定(bind)到下拉列表。countries.jsonexportclassCountry{id:number;name:string;}factory.service.tsimport{Injectable}from'@angular/core';import{Http,Response}from'@angular/http';import{Observable}from'rxjs/Observable';import{Country}from'./shared/country';@Injectable()exportcl

javascript - 如何使用 NPM 安装 Angular 2?

我试图在不使用Angular2site中提到的QuickStart种子的情况下为Angular2应用设置我自己的本地开发环境。或AngularCLI因为它们往往带有我并不真正需要的额外文件。现在,一切正常,只是我不知道如何使用NPM获取Angular2。我试过使用npminstallangular2--save但我刚刚发现angular2已被弃用并且是预发布版本。所以我想我如何使用NPM获得最新的Angular2.0插件,如果目前可能的话? 最佳答案 在https://angular.io/docs/ts/latest/guide/

javascript - 实例 Angular 2 组件两次

我正在尝试学习Angular2,所以我制作了一些helloworld示例。这是我的代码:boot.tsimport{bootstrap}from'angular2/platform/browser'import{AppComponent}from'./app.component'import{DataService}from'./app.dataservice'bootstrap(AppComponent,[DataService]);index.html...Loading...Loading......app.component.tsimport{Component}from'an

javascript - 在模板中连接 url 的 Angular 如何比在其他位置更不安全?

我有一个类似于此的angularjs模板:但是这会导致$interpolate:noconcaterror.与此模板相比:甚至:(其中createThumbnailURL是一个简单的过滤器,它与上面的连接相同)工作得很好。文档说:ConcatenatingexpressionsmakesithardtoreasonaboutwhethersomecombinationofconcatenatedvaluesareunsafetouseandcouldeasilyleadtoXSS.是的,静态URL总是比串联的URL更容易评估,我明白这一点。然而,REST-API的URL可以通过简单的连

javascript - 调用 karma 测试时未定义 Angular 错误

我确定这与angular-mock.js有关,但我不知道我需要做什么,因为一切似乎都很好。我只是使用angular-seed应用程序的默认设置。请帮忙解决问题karma.conf.jsmodule.exports=function(config){config.set({basePath:'../',files:['bower_components/angular/angular.js','bower_components/angular-route/angular-route.js','bower_components/angular-mocks/angular-mocks.js',

javascript - 测试使用 setInterval 或 setTimeout 的 Angular2 组件

我有一个相当典型、简单的ng2组件,它调用一个服务来获取一些数据(轮播项目)。它还使用setInterval每隔n秒自动切换UI中的轮播幻灯片。它工作得很好,但在运行Jasmine测试时我收到错误:“无法在异步测试区内使用setInterval”。我尝试在this.zone.runOutsideAngular(()=>{...})中包装setInterval调用,但错误仍然存​​在。我原以为将测试更改为在fakeAsync区域中运行可以解决问题,但随后我收到一条错误消息,指出不允许从fakeAsync测试区域中进行XHR调用(这确实有意义)。如何同时使用服务发出的XHR调用和时间间隔,

javascript - Angular 2 : Update FormControl validator after valueChanges

有没有办法更新FormControl对象的Validtors?IhaveFormGroupwhereoneInputisaselectfield,whenthevalueoftheselectfieldchangesIwanttheotherFormControlinmyFormGrouptochangethevalidator.这是我的FormGroup组件中的subscribeToFormChanges()方法:privateappIdRegexes={ios:/^[a-zA-Z][a-zA-Z0-9]*(\.[a-zA-Z0-9\-]+){2,}$/,android:/^([a-

javascript - Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

我刚刚开始使用Vue.js+Webpack+vue-loader+bootstrap-sass+sass-loader,我有点不知所措。我想做的是将SASS版本的Bootstrap与我的SPAVue.js代码一起使用。我想这样做,以便可以使用SASS完成我的Bootstrap自定义。这是我所做的:使用vue-cli创建了一个新的Vue.js+webpack项目。安装了bootstrap-sass和sass-loader。将以下内容添加到build/webpack.base.conf.js:{test:/\.scss$/,loaders:['style','css','sass']},{