个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我已经创建了一个自定义的 Popup.html 页面，它将出现在当前的 index.html 页面之上。所以我在 index.html 中包含了 Popup.html，如下所示
index.html
<body ng-app="GameInformation">
<div id="completeGames" ng-controller="gameInfo">
<div ng-controller="popupInfo">
<div ng-model="popup">
<div ng-include src="'popup.html'"></div>
</div>
</div>
</div>
<div class="Row" ng-repeat="info in gameDetails | filter:searchTxt" ng-click="openGame()">
<div class="Cell">{{info.GameName}}</div>
</div>
App.js
var app = angular.module('GameInformation', []);
app.controller('gameInfo', function($scope, $http)
{
$http.get("data/GameInfo.json").success(function(response){
$scope.gameDetails = response;
}).error(function(data, status, headers, config) {});
$scope.openGame = function()
{
$scope.$broadcast('GAME_INFO_BROADCAST', this.info);
}
});
app.controller('popupInfo', function($scope)
{
$scope.$on('GAME_INFO_BROADCAST', function(event, args) {
console.log("Received ->" +args.GameName);
$scope.gameInfoPopupVisible = true;
$scope.gameDetail = args;
})
});
popup.hml
<body ng-app="GameInformation">
<div id="popup_content">
<table>
<tr>
<td valign="top">
<b>Game Name: </b>
</td>
<td valign="top">
{{gameDetail.GameName}}
</td>
</tr>
</table>
</div>
</body>
当我单击 index.html 中的表格行时，Popup.html 页面从 json 获取了全部信息。所以它工作正常。但是当调用 openGame 函数时，popup.html 没有显示在 index.html 页面中。我无法获得解决方案，如何通过 index.html 显示此自定义 popup.html？当我在 firebug 中看到 html 页面时，我意识到页面中存在 popup.html，但它的高度是 0px，宽度很好。那我该怎么做呢？请帮忙。
这是我的申请链接
最佳答案
您错误地使用了指令 ng-include。你应该从 popup.html 中删除 body 标签。演示:http://plnkr.co/edit/yEiwiHY7yGXqgmju7xbD?p=preview
你应该使用:
<div ng-include="'popup.html'"></div>
代替
<div ng-include src="'popup.html'"></div>
更新尝试在 gameInfo Controller 中使用 $rootScope.$broadcast('GAME_INFO_BROADCAST', this.info);。记得将 $rootScope 注入(inject) Controller :app.controller('gameInfo', function($scope, $http, $rootScope)
关于javascript - ng-include 不显示 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32591423/
24
4
0
这个问题已经有答案了: 已关闭12 年前。 Possible Duplicates: what is the difference between #include and #include “fi
我想使用 #include 指令，其文件名作为外部定义的宏传递。 例如 #include #FILE".h" 其中 FILE 将被定义为字符串 MyFile(不带引号)，结果为 #include "M
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
我想在当前目录及其子目录下的每个 .m 文件中查找所有出现 ncread 的情况。我使用以下命令: grep -R --include="\.m" ncread . 但是该命令没有返回任何内容。 gr
有时我会遇到这样的情况，我发现我需要为大型第三方文件制作一个#include，这样我才能使用一个函数或一个小类，这让我感到内疚，因为我知道这已经消失了增加我的编译时间，因为当我只想要一个功能时它会编译
这个问题在这里已经有了答案: 关闭13年前. Possible Duplicate: what is the difference between #include and #include “fi
我正在尝试通过应用程序加载器提交应用程序。我收到这个错误。但我已经检查了build设置，所有三种架构都包含在有效架构设置中。 最佳答案 断开任何设备，只保留“iOS 设备”中的选项并将其存档。 关于i
Please check this demo plunker更好地理解我的问题。 在我的主页上有一个表格。每个表行后面都有一个最初隐藏的空行。单击第一行时，我使用指令在其下方的空行中注入(inject
我正在使用 mkdocs 创建 html 网页和片段扩展以将我的主文档分成小块。我有一个难以理解的错误: 在我制作的文件file1.md中: --8<-- includes/some_rep/frag
include的推荐方式是什么？您项目的所有文件？ 我见过很多使用类似结构的例子: include 的有序列表单个顶级文件(定义 Module 的文件，或应用程序中的“主”文件)中的语句。 这似乎也是
我想知道如何使用 fx:include与 JavaFX Scene Builder 结合使用，因此: 想象我有一个 BorderPane (文件 borderpane.fxml)。在中间部分我想放一个
我看到 Fortran 有“调用”和“包含”语句。两者有什么区别？ .i 文件类型有什么意义吗？ 即: include 'somefile.i' call 'somesubroutine.f' 谢谢!
这很挑剔，可能没有任何实际用途。我只是好奇... 在 C++20 工作草案 (n4861) 中， header 名称定义为: (5.8) header-name: " q-char-
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: What is the difference between #include and #include “fil
我有一个非常庞大且臃肿的类，我想将它拆分成单独的文件，但它应该对用户完全透明并且与使用该类的现有项目兼容。 特别是，我有自己的 ImageMatrix 类，它定义了大量的一元函数、大量带有标量的二元函
我是 grep 的新手，在重构 C 和 C++ 文件的过程中，我遇到了替换系统的问题，包括 #include <>与本地包括 #include "" . 有没有一种方法可以将 grep 与任何替代工具
我正在制作一个 Spring MVC web 项目，我必须有一个常量 header 。 我的基本要求是“我们希望在所有屏幕上都有一个标题，以显示谁登录了 ProjectA。” 我从这里“What is
在 SWIG 中，“%include”指令与标准 C“#include”有什么区别？ 例如，在所有教程中，为什么它们通常看起来像这样: %module my_module %{ #include "M
假设我们有这个头文件: MyClass.hpp #pragma once #include class MyClass { public: MyClass(double); /* .
我已经在一个项目上工作了一段时间，该项目实现了一个使用 C 库的自定义框架。该框架是用 Swift 编写的，我创建了一个模块来向 Swift 公开 C 头文件。该框架是在不同的项目中启动的，然后将该框
我是一名优秀的程序员,十分优秀！