关于html中select选中的问题

       我只是一个小菜鸟，最近领导让学习下angularJS的知识，我可以说我没学过html，没学过js么？哈哈，万事开头难。。。

       第一种方法:利用html、controller、 services等文件来实现。

        services里面的是获取的要显示的数据，代码如下:

        

  .factory('main',function () {
  var mains = [{
  id: 1,
  type: '严重',
  state: '未解决',
  handlman: '王超',
  dispathman:'李阳',
  sel:'1'
},
  {
    id: 2,
    type: '一般',
    state: '已解决',
    handlman: '王超',
    dispathman:'李阳',
    sel:'2'
  },
  {
    id: 3,
    type: '轻微',
    state: '未解决',
    handlman: '王超',
    dispathman:'李阳',
    sel:'1'
  },
  {
    id: 4,
    type: '严重',
    state: '已解决',
    handlman: '王超',
    dispathman:'李阳',
    sel:'2'
  }];
  return{
    all:function () {
      return mains;
    }
  }
});

controllers里面提供的是控制器的操作：

  
.controller('mainCtrl', function($scope,main,$state) {//main表示方法的注入
  $scope.main = {};
  $scope.mains = main.all();
  console.log($scope.mains);
  $scope.item = function () {
    $state.go('item')
  }

})

html页面的操作: class的value值代表的是使用的angularJS的样式文件

<div class="item item-input item-select" style="border-width: 0px;height: 100%">
<select id="sel" style="width: 100%;text-align: left" ng-model="main.sel">
  <option value="1">已解决</option>
  <option value = "2">未解决</option>
</select>
</div></div>
 //这样就可以根据数据显示出相应的解决状态了。

其他方法如果有知道，可以发出来学习下，我试过window.onload()方法，但是在使用AngularJS的时候，contorller执行的时候onload方法已经执行完毕了，但是可以这样写：

$scope.$on('$ionicView.loaded',function () {
  console.log("页面加载完毕");
})