Javascript Angularjs函数赢得'；t与<；部门>；元素？

我有许多

标记，我给它们分配了一个函数，通过将

元素的css属性“display”更改为“block”，而不是“none”，可以显示一种带有详细信息的模式。由于某种原因，当我单击

元素时，模式不会显示。但当我给一个按钮分配相同的功能时，它确实会这样做

$scope.CountryDetailStyle={
“显示”：“无”
};
$scope.CountryDetail=函数（idCount、nameCount、descCount）{
$scope.detailId=idCount；
$scope.detailName=nameCount；
$scope.detailDesc=descCount；
$scope.CountryDetailStyle={
“显示”：“块”
};
//警报（'idCount:'+idCount+'nameCount:'+nameCount+'descCount:'+descCount'）；
}

{{country.nameCount}}



显示国家/地区详细信息
{{detailName}}
{{detailDesc}}

不应基于某些显示：无条件显示/隐藏元素。这就是ng show（和ng if）的目的。使用$scope.isModalVisible之类的$scope变量，并将其设置为true或false

然后您可以在您的元素上使用ng show=“isModalVisible”

var-app=angular.module（“myApp”，[]）；
app.controller（“myAdminController”、[“$scope”、函数（$scope）{
$scope.CountryDetailStyle={'display'：'none'}；
$scope.countries=[
{
idCount:“1”，
姓名：1，
数量：1
},{
idCount:“2”，
姓名：2，
人数：2
},{
idCount:“3”，
姓名：3，
总数：3
},{
idCount:“4”，
姓名：4，
总数：4
}
]
$scope.CountryDetail=函数（idCount、nameCount、descCount）{
$scope.detailId=idCount；
$scope.detailName=nameCount；
$scope.detailDesc=descCount；
$scope.CountryDetailStyle={'display'：'block'}；
}
}]);

{{country.nameCount}}

显示国家/地区详细信息



{{detailName}}
{{detailDesc}}

所以我找到了一个解决方案，仍然不知道它为什么有效，但它确实有效。我将id=“pageContent”的div的
移动到body closing标记之前。一切都解决了。谢谢你们的帮助
 你能发一个链接到工作代码吗？例如：您的
div class=“countryDetails”
在包含
ng controller
指令的
div
之外。我正在使用php文件从服务器检索数据。我不知道如何上传和其他文件，它正常工作！这是@SergeK的链接。在我的脚本文件中，我必须在我的html文件中使用控制器。我正在将ng控制器添加到tag中，但是它仍然不能与
元素一起工作。但是它可以与
@I_Nesrine一起使用。请更新您的示例并添加缺少的部分。如果缺少一半，则无法调试。如果您可以运行JSFIDLE或其他东西，那么最好将
放置在
元素中？country对象仅在重复容器中可用，因此我将按钮放置在div标记中。容器国家/地区之外的对象将为空。我的目标是在单击
元素而不是按钮时显示模式。我只使用该按钮测试我的函数是否工作。因此，您可以添加ng click for div