如何使用angularjs在html页面上显示本地系统上传的json文件

时间:2015-09-11 06:49:25

标签: javascript jquery html json angularjs

我想在我的html页面上打印json值(这个文件是从我的本地系统上传的)。我能够读取文件并能够在一个变量中获取json数据格式,但我面临的问题是在我的视图页面上显示这些值。

app.js:

<ul>


 <li ng-repeat="data in newArr">


 <span>{{data.value}}</span>


 </li>


 </ul>

html:

[alias]
close-feature = ![ -z "$1" ] && echo "You have to specify the issue number!" && exit 1; \
        if hg branches | grep -q "fb-$1"; \
            then $HG up fb-$1; $HG commit -m 'Close branch fb-$1.' --close-branch; $HG pull; $HG up default; $HG merge fb-$1; $HG commit -m 'Merge branch fb-$1 -> default.'; \
            else echo "The branch fb-$1 does NOT exist!"; \
        fi

请帮助我在错误的地方显示我的html页面上的.json值。提前谢谢。

1 个答案:

答案 0 :(得分:0)

请你查一下jsfiddle demo http://jsfiddle.net/uvzLxn5g/

<div ng-app="myApp">
<div ng-controller="MainCtrl">
<input type='file' /><input type="button" ng-click='loadFile()'     value="Uplaod"/>
{{ dataItems }}
</div>
</div>   

我做了一些修改,比如假设数据进入控制器,所以请阅读。