Untitled

<form>
    <div class="row">
        <div class="form-group col-lg-12">
            <label for="requestType">What type of request would you like to create?
                <span class="required">*</span>
            </label>
            <select class="form-control" name="requestType" ng-model="requestType" ng-change="new_form_select()">
                <option value="0">Please Select ...</option>
                <option value="1">IT Web Task</option>
                <option value="2">SAP Task</option>
                <option value="3">Email Campaign</option>
                <option value="4">Third Party Suppression</option>
                <option value="5">Report Request</option>
                <option value="6">Other / I'm Not Sure</option>
            </select>
         </div>
        </div>
      </form>

<select class="form-control"
        name="requestType"
        ng-model="requestType"
        ng-change="new_form_select()">

    <option value="0">Please Select ...</option>
    <option value="webtask">IT Web Task</option>
    <option value="saptask">SAP Task</option>
    ....
</select>

$scope.new_form_select = function() {
    if(requestType) {
        location.href = '#/' + requestType;
    }
}

.state('webtask', {
    url: "/webtask",
    templateUrl: "templates/webtask.html",
    controller: function() {

    }
})
.state('saptask', {
    url: "/saptask",
    templateUrl: "templates/saptask.html",
    controller: function() {

    }
})
// you get the idea..

<body>
    <!-- Your select could be here -->

    <!-- The selected template would appear here -->
    <div ui-view></div>
</body>