.net core+angularjs windows

軟件 Windows 文章 科技 向著全棧前進 2017-05-21

網上很多都是使用的vs2015 其實17使用angular js並不複雜 。

先建一個空的web application

MVC模式就不多說了 在startup.cs加入app.usemvc

.net core+angularjs windows

接下來重點在使用angular js

首先我們在nuget包中引用 AngularJS.Core 版本隨意

.net core+angularjs windows

然後在解決方案中加入 bower.json 注意 一定是bower.json

.net core+angularjs windows

bower.json的代碼為

.net core+angularjs windows

我們可以看到他有兩個文件還有一個.bowerrc

裡面對應的是生成angular js文件路徑(.NET CORE中靜態文件通常是放在wwwroot路徑下面)

保存一次bower.json 都會根據配置去生成對應的包到指定路徑下面

.net core+angularjs windows

並且在dependencies中的bower中列出

關於Js文件中的引用

.net core+angularjs windows

文檔中寫的是可以放在body標籤內 但是我試過了 不行直接掛掉了要放在head標籤結束之前

而且我們還要在Nuget包中加入Microsoft.AspNetCore.StaticFiles ,startup.cs中加入app.usestaticfiles ,不然不會去加載整個項目中的靜態文件

.net core+angularjs windows

.net core+angularjs windows

.usestaticfiles這個函數還有重載不在這篇文章裡面詳細寫了

最後簡單實現了一個雙向綁定的功能

.net core+angularjs windows

相關推薦

推薦中...