2015-10-29 72 views
0

我想使用角度js bootstrap,所以PLZ建议我如何..?如何使用角度js与自举?

<div ng-app="myApp" ng-controller="myCtrl" class="container"> 
    <div class="row"> 

     First Name: 
     <input type="text" ng-model="firstName"> 
    </div> 
    Last Name: 
    <input type="text" ng-model="lastName"> 
    <br> 
    <br> Full Name: {{firstName + " " + lastName}} 

</div> 

<script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope) { 
     $scope.firstName = "John"; 
     $scope.lastName = "Doe"; 
    }); 
</script> 

它不工作。

+0

您需要包含源代码,然后注入模块。有一个角度特定版本的引导顺便说一句。 –

回答

0

最好使用bower作为前端依赖管理器。打开shell - > gitbash。类型npm install -g bower。暗示! Bower需要npm,所以如果你没有npm先安装它!转到项目路径,然后运行bower install bootstrap。在此之后您将注意到项目路径中的新文件夹。这个解决方案是最好的,因为总是获得最新版本,所有的依赖性和甜美的文件夹结构。我强烈建议使用凉亭。看看一些gitbash回购站,并注意大部分插件都有凉亭安装指南。链接缩放,就像在index.html或其他视图文件中一样,对所有视图都是通用的。请记住放在身体的底部,不要冻结页面渲染。

0

地址:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> 

要在<head>部分

+0

嘿谢谢你的回应,但你能告诉我为什么你在标签中使用完整性? – Pratik

+0

https://scotthelme.co.uk/subresource-integrity/ – AlexGorale

0

添加在您的标签<head>您的index.html,引导需要的jQuery,你需要添加角API

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> 
+0

嘿它有效thanxx Elias – Pratik