2015-10-29 108 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