AngularJS路由:获取包含数据的模板
angularjs routing: get template with data
>我有以下路由配置
myApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'partials/list.html',
controller: 'contactListCtrl'
}).
when('/new', {
templateUrl: 'app/partials/form.html',
controller: 'contactAddCtrl'
}).
otherwise({
redirectTo: '/'
});
}]);
我的主页('/')只是加载了许多联系人,它的联系人列表Ctrl就像
myApp.controller('contactListCtrl', function($scope, $http) {
$http.get("list")
.then(function(response) {
$scope.contact_list = response.data;
});
});
因此,当我在浏览器上加载主页时,它会加载模板,然后向服务器发送另一个请求("/list")以获取联系人(json)。 因此,浏览器向服务器发送 2 个请求。
在 AngularJS 开发中同时发送 2 个请求以获取模板和数据是否正常?是否有任何解决方法可以仅发送 1 个请求来获取模板和数据?
如果在这种情况下我需要发送 2 个请求,并且假设我必须在主页中加载 5 个模板,那么我必须再发送 5 个请求以将数据(来自数据库)绑定到每个模板?
您可以在路由中使用解析,这会加载数据,然后加载模板。您可以在此处查看解决方案 http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx
相关文章:
- Json数据包含日期和时间格式
- 数据绑定:'系统Char'不包含名为'xxxxx'
- 如何创建一个包含许多数组和数据的json对象
- 使用jQuery发布的AJAX数据包含引号
- 选项中包含数据的自定义标记
- 需要一个用于AJAX的Javascript库,其中包含多部分/表单数据
- php函数的XMLHttpRequest响应不包含任何数据
- 如何在系列数据中包含字符串以提取工具提示点格式
- AJAX数据包含一个或多个单词.
- 为什么jqPlot显示了一个错误的饼图,其中包含通过AJAX检索的数据
- 将所有angular2捆绑包包含在index.html中会使导入从内存获取数据,而不是再次从服务器请求数据
- 将.js文件中的数据包含到链接中
- 我如何采用两个日期选择器并使用我的开始和结束日期对数据进行排序,但 json 数据包含 5/12/2016,而角度仅排序
- 剪贴数据包含javascript
- 如何将数据转换为json类型,其中数据包含变量
- 获取JQuery数据-包含有空格的值
- 如果数据包含URL, Javascript将无法解析JSON
- 如何使用jsweet::is-my-json-valid糖果验证JSON数据(包含完整的错误报告)?
- 如何避免当数据包含'@'登录显示标签的链接
- 当数据包含连续问号时,jQuery $.ajax()无法理解的行为