gpt4 book ai didi

jquery - 将自定义 AngularJS 页面包含在另一个 AngularJS 页面中作为用户控件

转载 作者:行者123 更新时间:2023-12-01 04:40:41 26 4
gpt4 key购买 nike

我正在使用 AngularJS 创建应用程序,而且我是初学者。我已经创建了一个公共(public)页面,用于使用其单独的 Controller 进行搜索并且工作正常,但现在我想将此页面作为用户控件包含在我的其他页面中。

我的搜索页面就像

<div class="input-group ex col-md-3" ng-app="searchApp" ng-controller="MainSearchController">
.......
.......//My code here
</div>

我的搜索 Controller 是:

var sApp=angular.module("searchApp",[]); 
sApp.controller("MainSearchController", function($scope){
$scope.Merchants={};
var DEMerchantInfo = JSON.parse(localStorage.getItem("DEMerchantInfo"));
if(DEMerchantInfo == null || DEMerchantInfo == undefined){
DEMerchantInfo = new Array;
}
$scope.Merchants=DEMerchantInfo;

$scope.Search=function(){

var DEMerchantInfo = JSON.parse(localStorage.getItem("DEMerchantInfo"));
if(DEMerchantInfo == null || DEMerchantInfo == undefined){
DEMerchantInfo = new Array;
}
$scope.Merchants=DEMerchantInfo;
}
});

我在其他页面中使用搜索页面,例如:

 <body class="sidebar-mini" ng-app="MerchantApp">
<div class="search-panels col-lg-4 col-md-4 col-xs-10">
<div ng-include src=" 'search.html' "></div>
</div>
</body>

但这对我不起作用。它给出了错误。

Error: [ng:areq] http://errors.angularjs.org/1.5.7/ng/areq?    p0=MainSearchController&p1=not%20a%20function%2C%20got%20undefined O/<@file:///.....

那么任何人都可以建议我如何实现这一目标。

最佳答案

搜索页面模板应如下所示:

<div class="input-group ex col-md-3" ng-controller="MainSearchController">
<!-- My code here -->
</div>

请注意,我从部分中删除了 ng-app="searchApp"。在您的应用中,您需要将 ng-app="searchApp" 添加到某些父容器,例如 bodyhtml

然后您需要像这样配置MerchantApp:

angular.module('MerchantApp', [
// some other module dependencies
'searchApp'
])

关于jquery - 将自定义 AngularJS 页面包含在另一个 AngularJS 页面中作为用户控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38345363/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com