草庐IT

Angular-bootstrap

全部标签

javascript - 如何在 bootstrap modal 中将输入焦点设置为 kendo-ui 网格输入

在将我的kendo-ui网格移动到Bootstrap模式之前,我将单击“添加行”,然后将选择3个输入中的第一个。然后我会切换到第2个,然后切换到第3个,然后切换到复选框按钮,我将在其中按enter键并添加该行。然后焦点将返回到“添加行”按钮,我可以在其中按回车键重新开始流程。好吧,现在它在一个模式中,我失去了除了标签之外的一切。我找到了使用jquery来应用焦点的解决方案,但我的网格Controller中已经有了它。Kendo-ui网格Controller$scope.mainGridOptions={dataSource:dataSource,pageable:false,toolb

javascript - Bootstrap 轮播使文本逐字母出现

我正在为slider使用bootstrapcarousel,在每张幻灯片上都有一些文字。我希望幻灯片上的文字逐个字母显示。我差不多解决了..但是有两个问题在第一张幻灯片上根本没有出现文本如果用户转到浏览器上的某个其他选项卡意味着如果当前窗口不在焦点中,那么一切都会变得一团糟。HereismyfiddleHTMLcompanieswithInboundMarketingWehelpcompanieswithInboundMarketingWehelp2companieswithInboundMarketingWehelp3companieswithInboundMarketingWehe

javascript - Angular2 动态模板或 ng-include

有没有办法在angular2中动态加载模板?在angular1中,我使用ng-include在主ControllerView中加载不同的html模板。我知道angular2只能采用1个templateUrl并在angular2中搜索ng-include并且找不到任何引用。 最佳答案 当您可以将html作为自定义的新组件并在任何需要的地方使用它时,为什么还需要ng-include,这要归功于选择器标签。例如:@Component({selector:'app-my-component',templateUrl:'./my-compon

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - 无法使用 ngx translate/core - angular 2 typescript 获取文本的动态翻译

问题:我有来自Json文件的动态文本。我正在使用这样的translate.get()方法:this.translate.get('keyInJson').subscribe(res=>{this.valueFromJson=res;/*creatinganobjectusingabovetext*/});由于这是异步的,因此我无法在页面呈现时获取翻译后的文本。我尝试将上述方法包装在Observables和Promises中,但它无法在页面加载期间获取文本的翻译版本。在尝试了不同的方法后,我能够获得翻译后的文本,但代码变得过于复杂且不可靠。预期/期望的行为应该加载文本的翻译版本问题重现动

javascript - jQuery 分页 + Twitter Bootstrap

我正在尝试修改Jquery分页(basedonthisJquerypaginationtutorial-demo)以使用很棒的TwitterBootstrap。TwitterBootstrap的标准分页设置如下所示,因此这是分页输出结构的目标。←Previous12345Next→到目前为止,我可以通过更改html输出结构来使其工作,但事件突出显示无法正常工作,因为我更改了的输出。到标签。ThisiswhereIamstucknowATM!我还需要做以下事情:禁用prev按钮,当在第一页时更改事件页面更改时禁用next在最后一页时的按钮修复prev按钮使其再次工作修

javascript - Angular : Providing methods to ng-model

我最近开始学习Angular。我想将一个方法传递给ng-model或一个可能计算为1的表达式。在这个fiddle中http://jsfiddle.net/C4aGk/你会看到我已经将该字段硬编码为ng-model="record.inner[0].text"并且它有效,现在问题是,我想替换硬编码零,带有在运行时返回的内容,由标准选择id=1。我的HTML代码:{{record.outer}}{{nested.id}}-{{nested.text}}以及对应的js:functionMainController($scope){$scope.records=[{outer:"Hello",

javascript - 如何使用 nervgh 的 Angular-File-Upload 发送 formData

我正在使用nervgh的Angular-File-Uploadhttps://github.com/nervgh/angular-file-upload当我对preOpKey进行硬编码时,它的工作就像一个魅力。我想要做的是将preOpKey与文件一起发送,以便我可以将文件保存到数据库中的适当记录中。angular-file-upload在我在$scope.OnPreinspectionSubmit()中填充的API中有一个fileData但由于某种原因我找不到它在我的MVCController中调用一次SaveFile()的值。我只需要知道如何将一个值与我的文件一起传递,然后在我的MV

javascript - Angular 2动态更改默认路由

我需要允许我的应用程序的用户在需要时更改默认路由:我有一个参数页面,他们可以在其中选择他们想要在登录时首先显示的“页面”。例如,目前,他们在登录时被重定向到Day,但他们希望能够更改这一点,并根据需要在他们登录时在周或月重定向。{path:'planification',component:PlanificationComponent,children:[{path:'',redirectTo:'Day',pathMatch:'full'},{path:'day',component:DayComponent},{path:'week',component:WeekComponent}

javascript - 如何为 Bar Chart.js v2 创建圆 Angular 条?

尝试roundthebarsonbarchart正如在这篇文章中找到的那样工作如jsFiddle中显示的那样假如。这是版本1。在我使用的图表中,由于Chart.types.Bar.extend中对extend的引用加载失败导致脚本崩溃。如果我使用默认选项,图表加载没有问题。我必须将Chart.types.Bar.extend放在末尾,以便默认选项正确加载。运行并全屏查看。我尝试用我的Chart.js2.4.0版本实现它。Chrome报告:UncaughtTypeError:Cannotreadproperty'extend'ofundefinedchart.js这段代码甚至不会在这里运