gpt4 book ai didi

javascript - 链接表单以检索多个范围信息

转载 作者:行者123 更新时间:2023-11-28 10:45:05 24 4
gpt4 key购买 nike

抱歉打扰了。我正在努力解决一个问题,希望获得一些帮助。所以我有一个表格需要选择一个国家。当我验证时,它必须给我两个 div。一张写有国家名称,另一张写有该国使用的语言。在本例中,我将以阿富汗为例。

所需的信息已在 Controller 中声明,当我尝试检索它们时,它会为我提供范围内的所有内容,而我只想在第一个 div 中检索所选国家/地区的名称,在第二个 div 中检索一种口语。

此外,如果我能提供一些关于如何将表单中的选择链接到将显示的数据的小提示,我将不胜感激。

我的表单

<body>
<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend class=" bold-white bg-black">Choisissez un pays pour découvrir les langues qui y sont parlées</legend>



<!-- Select Basic -->
<div ng-app="countriestolanguagesApp">
<div class="form-group">
<label class="col-md-4 control-label">PAYS</label>
<div class="col-md-4">
<fieldset ng-controller="PlaceController">
<select ng-model="selectedPlace" class="form-control" ng-options="place as place.name for place in places">
</select>
</fieldset>
</div>
</div>

<!-- Button -->
<div class="form-group">
<label class="col-md-4" for=""></label>
<div class="col-md-4 center-btn">
<a href="results.html">
<input type="submit" value="Lancer la recherche" onClick="matchCode()" />
</a>
</div>
</div>


</fieldset>
</form>

我的 Controller

var myapp = angular.module('countriestolanguagesApp', []);
myapp.controller('PlaceController', function($scope) {
$scope.places = [
{ "name": 'AFGHANISTAN',
"lang": [
{"name":"Pashto"},{"name":"Dari"}
]
},
];
$scope.selectedPlace = $scope.places[0];
});

我的结果显示

<article ng-app="countriestolanguagesApp" ng-controller="PlaceController">
<div class="container">
<h2 class="red">Typologie des tiers</h2>
<p class="red">Contrôle de format unitaire des NIF (Numéro d'Identification Fiscale</p>
<div class="table-responsive">

<div >
Pays choisi : {{places}}
</div>

<div>
Langues parlées : {{}}
</div>
</div>
</div>
</article>

最佳答案

基本上,您的代码如下所示:

<fieldset ng-controller="PlaceController">
<select ng-model="selectedPlace" ...></select>
</fieldset>
<article ng-controller="PlaceController">
{{places}}
</article>

在此代码中,您实例化 Controller 的两倍。因此,fieldset 部分和 article 部分使用 PlaceController不同实例:它们不使用不要共享通用的 PlaceController

因此,在 fieldset 中,您的数据可能与 article 中的数据不同。

<小时/>

主要有2种解决方案:

将这些代码移至 Controller 的同一实例

<div ng-controller="PlaceController">
<fieldset>
<select ng-model="selectedPlace" ...></select>
</fieldset>
<article>
{{places}}
</article>
</div>

将数据移动到 PlaceController 中注入(inject)的服务

JSFiddle demo of how to share data between controllers with a service

关于javascript - 链接表单以检索多个范围信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44783410/

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