Javascript 将jQuery转换为角度-单击下拉菜单中的按钮更改选项

Javascript 将jQuery转换为角度-单击下拉菜单中的按钮更改选项,javascript,jquery,html,angularjs,forms,Javascript,Jquery,Html,Angularjs,Forms,我想向使用jQuery的现有站点添加一些AngularJS功能。我有以下问题: 在jQuery中,当我单击一个按钮时,下拉项会发生变化。请参阅下面的JSFIDLE: $('#cameratage')。单击(函数(){ $('#rooms option[value=“Camera Tagete”]').attr('selected',true); }); $('#cameraoleandro')。单击(函数(){ $(“#房间选项[value=“Camera Oleandro”]”)。attr(

我想向使用jQuery的现有站点添加一些AngularJS功能。我有以下问题:

在jQuery中,当我单击一个按钮时,下拉项会发生变化。请参阅下面的JSFIDLE:

$('#cameratage')。单击(函数(){
$('#rooms option[value=“Camera Tagete”]').attr('selected',true);
});
$('#cameraoleandro')。单击(函数(){
$(“#房间选项[value=“Camera Oleandro”]”)。attr('selected',true);
});
$('#cameragelsomino')。单击(函数(){
$(“#房间选项[value=“Camera Gelsomino”]”)。attr('selected',true);
});

我不知道
塔吉特
奥莱安德罗
杰尔索米诺

像这样的AngularJS很容易做到这一点

看法
Stackoverflow不是一个代码转换服务或“如何”教程服务。很抱歉@charlietfl!谢谢@lin
<div ng-controller="MyCtrl">

  <a id="cameratagete" ng-click="selected = '1'">Select: Item 1</a><br/>
  <a id="cameratagete" ng-click="selected = 'Camera Tagete'">>Select: Item 2</a><br/>
  <a id="cameratagete" ng-click="selected = 'Camera Oleandro'">>Select: Item 3</a><br/>

  <form method="post" action="./test">
    <select id="rooms" ng-model="selected" name="someOption">
      <option value="1">I dont know</option>
      <option value="Camera Tagete">Tagete</option>
      <option value="Camera Oleandro">Oleandro</option>
      <option value="Camera Gelsomino">Gelsomino</option>
    </select>
    <br />
    <button type="submit">
      Send
    </button>
  </form>
</div>
var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
    $scope.selected = '1';
});