javascript – 如何将数据传递给ng-include控制器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何将数据传递给ng-include控制器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1100字，纯文字阅读大概需要2分钟。

内容图文

我有一个ng-include html元素,并希望将一些数据从外部传递给控制器??.

主控制器从http web服务获取json数据,并将数据提取到作用域变量climadata中.

以下是伪代码,但你明白了：

function mainController($scope, $http) {
    $http.get().then(
        $scope.climadata = response.clima;
    );
}

<div ng-controller="mainController">
    <div ng-include="'clima.html'" ng-controller="climaController" onl oad="climamodel = climadata"></div>
</div>

这工作正常,但climadata永远不会到达climaController.检查如下：

function climateController($scope) {
    console.log($scope.climamodel); //prints "undefinied"
};

在控制台中始终未定义climamodel,但为什么？

解决方法:

这是有效的,你获得未定义的原因是因为,你通过$http请求得到数据,因此,在你获得数据之前climaController将执行,此时没有范围变量调用climadata.

检查这个DEMO

你可以看到控制台打印未定义但是在ajax请求之后数据可用之后你将获得部分HTML页面上的数据.

如果要在ajax完成后加载包含,请使用ng-if

<div ng-if="climadata" ng-include="'clima.html'" ng-controller="climaController"></div>

如果climadata存在,那么只有这个div进程才意味着包含只有在climadata可用的情况下才有效.

DEMO

你可以从onload =“climamodel = climadata”中取消

内容总结

以上是互联网集市为您收集整理的javascript – 如何将数据传递给ng-include控制器？全部内容，希望文章能够帮你解决javascript – 如何将数据传递给ng-include控制器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端