Question

将BootstrapJS和AngularJS结合使用以及为什么不用jQuery

Answer 1

为此，下一步就是要拿到UIBootstrap的文件，放到我们的项目中。那么我们能够在我们的Angular模块中导入ui.bootstrap。就这样，我们就能够获取需要模仿BootstrapJS组件的指令（directives）！//创建angularapp导入ui.bootstrapangular.module('app',['ui.bootstrap']).controller('mainController',function($scope){//BUTTONS======================//设置数据$scope.bigData={};$scope.bigData.breakfast=false;$scope.bigData.lunch=false;$scope.bigData.dinner=false;//COLLAPSE=====================$scope.isCollapsed=false;});现在，正确的使用方式是，当按下按钮时调整这些变量的值。使用UIBootstrap按钮指令(Directive)通过UIBootstrap文档，使用复选框按钮正确的方法是添加ng-model的定义对象，并添加btn-checkbox属性。下面是我们按钮的代码：BreakfastLunchDinner现在，当我们点击按钮时，我们可以看到该模型的变化，就像我们希望的那样。使用UIBootstrap折叠指令对于折叠，我们将基于isCollapsed变量的值打开和关闭面板。因此，我们将使用ng-click="isCollapsed=!isCollapsed"。这将触发我们的isCollapsed变量从而切换面板。CollapsibleGroupItem#1Adveganexcepteurbutchervicelomo.Leggingsoccaecatcraftbeerfarm-to-table,rawdenimaestheticsynthnesciuntyouprobablyhaven'theardofthemaccusamuslaboresustainableVHS.现在，我们两个组件都可以工作了！在美丽时尚的Angular中，设置一个变量，看着它影响一些视图。