如何选择选项的文本分配给另一个模式，同时采用NG-选择？ [英] How to assign selected option's text to another model while using ng-options?

问题描述

我可以在里面创建一个选择标记和地方的数据。我可以在选择的选择选项分配到模型，但不能将其文本到另一种模式。

下面是下面的例子和 的jsfiddle链接

HTML：

 ＆LT; D​​IV NG-应用＆GT;
  ＆LT; D​​IV NG控制器=DemoCtrl＆GT;
      ＆LT;选择NG模型=客户IDNG选项=item.id作为item.name在内容项NG变化=客户名称= item.name＆GT;
＆LT; /选择＆GT;
      ＆LT; BR /＆GT;
      ＆LT;输入禁用=禁用类型=文本NG模型=客户ID/＆GT;
      ＆LT;输入禁用=禁用类型=文本NG模型=客户名称/＆GT;
      ＆LT;！ - 我试图让客户名称，并分配到我的模型 - ＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

JS：

 函数DemoCtrl（$范围）{
  $ scope.content = [
    {
        名称：Bireysel
        ID：1
    }，
    {
        名称：Kurumsal
        ID：2
    }，
    {
        名称：Bireysel＆安培; Kurumsal
        ID：3
    }];}
 

解决方案

请参阅下面的演示
在选择改变你的模型CUTOMER并投入使用customer.id customer.name

\r

\r

函数DemoCtrl（$范围）{\r
  $ scope.content = [{\r
    名称：Bireysel\r
    ID：1\r
  }，{\r
    名称：Kurumsal\r
    ID：2\r
  }，{\r
    名称：Bireysel＆安培; Kurumsal\r
    ID：3\r
  }];\r
\r
}

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.min.js\"></script>\r
＆LT; D​​IV NG-应用＆GT;\r
  ＆LT; D​​IV NG控制器=DemoCtrl＆GT;\r
    ＆LT;选择NG模型=客户NG选项=项目作为item.name在内容项NG变化=客户名称= item.name＆GT;\r
    ＆LT; /选择＆GT;\r
\r
    ＆LT; BR /＆GT;\r
    ＆LT;输入禁用=禁用类型=文本NG模型=customer.id/＆GT;\r
    ＆LT;输入禁用=禁用类型=文本NG模型=customer.name/＆GT;\r
  ＆LT; / DIV＆GT;\r
＆LT; / DIV＆GT;

\r

\r

\r

I can create a select tag and place data inside it. I can assign that select's selected option to a model but can't assign its text to another model.

Here is example below and jsFiddle link

html:

<div ng-app>
  <div ng-controller="DemoCtrl">
      <select ng-model="customerId" ng-options="item.id as item.name for item in content" ng-change="customerName = item.name">
</select>
      <br/>
      <input disabled="disabled" type="text" ng-model="customerId"/>
      <input disabled="disabled" type="text" ng-model="customerName"/>
      <!-- i'm trying to get customer name and assign that on to my model -->
  </div>
</div>

js:

function DemoCtrl($scope) {
  $scope.content = [
    {
        name: "Bireysel",
        id: 1
    },
    {
        name: "Kurumsal",
        id: 2
    },
    {
        name: "Bireysel & Kurumsal",
        id: 3
    }];

}

解决方案

Please see demo below In select change your model to cutomer and in inputs use customer.id customer.name

function DemoCtrl($scope) {
  $scope.content = [{
    name: "Bireysel",
    id: 1
  }, {
    name: "Kurumsal",
    id: 2
  }, {
    name: "Bireysel & Kurumsal",
    id: 3
  }];

}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="DemoCtrl">
    <select ng-model="customer" ng-options="item as item.name for item in content" ng-change="customerName = item.name">
    </select>

    <br/>
    <input disabled="disabled" type="text" ng-model="customer.id" />
    <input disabled="disabled" type="text" ng-model="customer.name" />
  </div>
</div>

这篇关于如何选择选项的文本分配给另一个模式，同时采用NG-选择？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！