使用angularJS

Question

我有一个场景，必须在设备上配置任何一个协议。 Web UI将显示所有选项作为复选框，我需要检索已检查的协议和设备，并通过http post将此数据发送到后端服务器。我正在使用HTML和AngularJS。 以下是我的代码到目前为止，请建议是否可以更好地完成此操作。

var Myapp = angular.module('Myapp', []);


Myapp.controller('CloudController', function($scope,$http)
	{
	$scope.execute = function(ImageLoc, protocol, device)
	    {
	   # HTTP request will be generated here	
	    };
	  });

<form>
<h3>Choose the protocol:</h3>
  <input type="checkbox" name="protocol" value=1> L3 Sanity <br>
  <input type="checkbox" name="protocol" value=2> L2 Sanity <br>
  <input type="checkbox" name="protocol" value=3> ROUTING <br>
  <input type="checkbox" name="protocol" value=4> STP <br>
  <input type="checkbox" name="protocol" value=5> VLAN <br>
  <input type="checkbox" name="protocol" value=6> Interface Scale <br>
  <input type="checkbox" name="protocol" value=7> VLAN SCALE <br>
  
<h3>Choose the Device:</h3>
  <input type="checkbox" name="device" value=1> DUT 1 <br>
  <input type="checkbox" name="device" value=2> DUT 2 <br>
  <input type="checkbox" name="device" value=3> DUT 3 <br>
  <input type="checkbox" name="device" value=4> DUT 4 <br>
  <input type="checkbox" name="device" value=5> DUT 5 <br>
  
<h3>Enter Image location:</h3> 
  <input type="text" ng-model="ImageLoc" />
  
  <p><input type="button" value="Launch" ng-click="execute(ImageLoc,protocol,device)"/></p>
</form>