Question

我在AngularJS中有一个简单的工资计算表格。以下是我的HTML：

<div ng-app="myApp" ng-controller="personCtrl">

Gross: <input type= "text" ng-model="Gross"><br>
<br/>
Deductions:<fieldset>
IT : <input type= "text" size = 12 maxlength = 4 ng-model="IT"><br>
CPP : <input type= "text" ng-model="CPP"><br>
EI : <input type= "text" ng-model="EI"><br>
<br>
</fieldset>


Gender:<fieldset>
<input type="radio" ng-model = "sex"  value = "male"> Male
<br>
<input type="radio" ng-model ="sex" value = "female" > Female
</fieldset>
Dependants:<fieldset>
<select>
<option value="3">3</option>
<option value="4">4</option>
</select>
</fieldset>


<br/>
{{Salary()}}

</div>

- JavaScript代码如下：

var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
  $scope.Gross= 0;
$scope.IT = 0;
$scope.CPP = 0;
$scope.EI = 0;
$scope.sex = 
$scope.Salary = function() {

     return ( Number($scope.Gross) - ( Number($scope.Gross) *   (Number($scope.IT)/100 ) +  Number($scope.Gross) *   (Number($scope.CPP)/100   )  + Number($scope.Gross) *  (Number($scope.EI)/100 )) );
 }
 });

我的问题是，我可以使用输入框计算扣除额，但是时间我选择性别女性，然后I.Tex应减少2％。同样，如果我在家属中选择3，那么ITex也应该扣除1％。实际上我无法在计算中实现单选按钮和列表

Answer 1

查看jsfiddle上的实时示例。

var myApp = angular.module("myApp", []);


myApp.controller("myCtrl", function($scope) {
  $scope.sex = 1;
  $scope.depends = "3";
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
  Gender:
  <div>
    <label>
      <input type="radio" name="sex" ng-model="sex" ng-value="0"> Male</label>
    <br>
    <label>
      <input type="radio" name="sex" ng-model="sex" ng-value="1"> Female</label>
    <pre>sex = {{sex}}</pre>
  </div>
  Dependants:
  <fieldset>
    <select ng-model="depends">
      <option value="3">3</option>
      <option value="4">4</option>
    </select>
    <pre>depends = {{depends}}</pre>
  </fieldset>
</body>

Answer 2

您可以尝试以下内容。

self.pass = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
    [self.pass setCenter:self.view.center];
    [self.pass setBackgroundColor:[UIColor whiteColor]]; // default taking clear color for now

AngularJS中的单选按钮和列表

2 个答案: