Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用angular和javascript使我的mlab db显示在我的html页面上?_Javascript_Angularjs - Fatal编程技术网

如何使用angular和javascript使我的mlab db显示在我的html页面上?

如何使用angular和javascript使我的mlab db显示在我的html页面上?,javascript,angularjs,Javascript,Angularjs,这水果很好吃,所以我可以确保它有效。然后我将与mlab合作 这是我的html页面中的内容,我想让它显示在中 <body ng-controller="PackingController as vm"> <h2>List of fruits</h2> <li ng-repeat="fruit in vm.fruits">{{fruit}}</li> </body> 最后一页是我的angular_app.js页面

这水果很好吃,所以我可以确保它有效。然后我将与mlab合作

这是我的html页面中的内容,我想让它显示在中

<body ng-controller="PackingController as vm">

  <h2>List of fruits</h2>
  <li ng-repeat="fruit in vm.fruits">{{fruit}}</li>

</body>
最后一页是我的angular_app.js页面

app.controller("PackingController", PackingController) 
this.hello = "world";
this.fruits = ["apples", "oranges", "berries"];

现在我正在尝试让它工作,然后让它在页面上显示我的装箱单。

如果您使用的是
AngularJs
修改这些代码部分:

1-将此模板用于控制器

(函数(){
“严格使用”;
角度模块(“应用程序”)
.控制器(“打包控制器”,打包控制器);
/*@ngInject*/
功能包装控制器(工厂){
var vm=这个;
//-------------------------------变数
vm.fruits=[];
//-------------------------------功能
main();
函数main(){
//呼叫工厂并获取控制器的数据
}
}

})();html文件中的控制器名称是什么??
app.controller("PackingController", PackingController) 
this.hello = "world";
this.fruits = ["apples", "oranges", "berries"];