AngularJs　ng-optionsのvalue値

###Angularjs ng-optionsのvalue値に不要なstring:が設定される。

Angularjsを使用し、jsファイルに設定したOPTION値を取得した後、
selectボックスにラベルとvalue値を以下の＜設定したい値＞の様にしようしています。

＜設定したい値＞
<select>
<option value="A">プロジェクトA</option>
<option value="B">プロジェクトB</option>
<option value="C">プロジェクトC</option>
</select>

ですが現状、Value値を確認すると、以下のようにvalue値に不要な”string:”という
値が設定されてしまっています。
＜設定された値＞
<select>
<option value="string:A">プロジェクトA</option>
<option value="string:B">プロジェクトB</option>
<option value="string:C">プロジェクトC</option>
</select>
なお、値の取得は下記の通り行っております。
<select ng-model="projects" ng-options="p.name as p.value for p in project" name="pro">
<option value="">-- プロジェクトを選択 --</option>
</select>

取得値
$scope.project=[
{name:'プロジェクトA',value:'A'},
{name:'プロジェクトB,value:'B'},
{name:'プロジェクトC,value:'C'}
];

不要な”string:”という値が設定されないにはどのようにしたら良いでしょうか？
ご教授お願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

本当にそのように記述していますか。
ng-optionsの書式は選択値 as ラベルテキスト for 要素 in 配列ですよ。

それはともかく、やりたいことを実現するにはtrack byを記述します。
AngularJS: API: ngOptions

lang
1<!doctype html>
2<html lang="ja" ng-app="myApp">
3<head>
4	<meta charset="UTF-8" />
5	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
6	<script src="./options.js"></script>
7	<title>options</title>
8</head>
9<body ng-controller="myController">
10	<select ng-model="projects" ng-options="p.value as p.name for p in project track by p.value" name="pro">
11		<option value="">-- プロジェクトを選択 --</option>
12	</select>
13	
14</body>
15</html>

lang
1angular.module('myApp', [])
2	.controller('myController', ['$scope', function($scope) {
3		$scope.project = [
4			{
5				name: 'プロジェクトA',
6				value: 'A'
7			}, {
8				name: 'プロジェクトB',
9				value: 'B'
10			}, {
11				name: 'プロジェクトC',
12				value: 'C'
13			}
14		];
15	}]);
16