开发者社区> 问答> 正文

angular.js无法正常注入

<!DOCTYPE html>
<html lang="zh-CN" ng-app>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/angular-route.min.js"></script>
    <script type="text/javascript" src="js/VLib.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body ng-controller="getConfig">
    {{title}}
</body>
</html>
function getConfig($scope, $http) {
    $http.get('sources/config.json').success(function(data) {
        $scope = data;
        console.log($scope.title);
    });
};
以下是sources/config.json的内容

{
    "title": "VDON"
}
为何body中无法正常显示VDON
控制台中输出VDON。

才刚开始接触angular.js主要是被它的双向绑定和路由吸引。

请问哪里出错了,导致{{title}}没有正常输出?

展开
收起
a123456678 2016-07-29 11:04:59 2127 0
1 条回答
写回答
取消 提交回答
  • 你把 $scope = data 替换成 $scope.data = data,然后模版里的 {{title}} 换成 {{data.title}} 即可。

    至于原因,我建议你用 console.log 查看前后两种写法中 $scope 对象的差异,之后你应该会明白为什么。如果再不明白,继续提问或搜索。

    2019-07-17 20:01:41
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载