2016-01-13 49 views
0

我是Angular的新成員,我正在學習登錄表單。登錄窗體在AngularJS與Json

我使用的模型是這樣的:PLNKR。有兩個問題我無法解決。

  • 第一:我不知道如何模態窗口轉換成一個獨立的頁面。您可以在「parentController的.js」模態代碼:

    $scope.modalShown = false; 
    var showLoginDialog = function() { 
    if(!$scope.modalShown){ 
        $scope.modalShown = true; 
        var modalInstance = $modal.open({ 
         templateUrl : 'login.html', 
         controller : "LoginCtrl", 
         backdrop : 'static', 
        }); 
    
        modalInstance.result.then(function() { 
         $scope.modalShown = false; 
        }); 
    } 
    }; 
    
  • 第二:在登錄形式,這是在「的login.html」文件,你可以看到用戶名DIV

    <div style="margin-top: 25px" class="input-group"> 
        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i> 
        </span> 
        <input type="text" class="form-control" name="username" 
        ng-model="credentials.username" placeholder="Username" required /> 
    </div> 
    

    我怎樣才能插入一個< 選擇>框,而不是輸入,充滿了日數組中的e用戶名(在這種情況下,< 選擇包含「Admin,Editor,Guest」的框)?

非常感謝!

+0

的選擇閱讀的選擇指令 – charlietfl

+0

角文檔你是什麼意思與「轉換模式窗口在一個單獨的頁面」?你想擺脫模式,並在另一個州或什麼顯示登錄? – Fissio

+0

我必須做一個獨立的頁面,用它自己的標籤! – panagulis72

回答

0

第一:你想擺脫模型窗口?

二:NG-重複應該做

<select > 
    <option ng-repeat="type in userArray" value="{{type}}" > 
     {{type}} 
    </option> 
</select> 
+0

我必須做一個獨立的頁面,有自己的標籤! – panagulis72