2017-02-13 167 views
0

我試圖從我的文本字段中獲取數據。由於文本字段鏈接到我的數據庫的內容,它總是返回{{activities.Url}}的值而不是實際值。因爲我試圖將值存儲在一個變量中,然後調用一個函數,我的函數將無法正常工作,因爲這些值始終是{{activities.url}}而不是實際的url。任何方式我可以得到實際的價值?從文本字段獲取數值

Activities.html:

<input type="text" id="videourl1" ng-controller="activitesCtrl" value='{{activities1.url}}' enabled/> 

Controller.js:

var url1 = document.getElementById("videourl1").value; 
var myurl = getId(url1); 
console.log(url1); 
+2

爲什麼不直接使用'NG-model'?你需要ng-controller之外的值嗎? – Jhorra

+0

不,我不知道。我一直在嘗試不同的方式來讓數據超出價值。所以我嘗試添加不同的東西,看看我能否獲得實際價值而不是{{activities1.url}}。 –

回答

1

給這個一杆。您需要控制器中的$ scope才能動態訪問它。控制檯登錄if語句可以替換爲你想要使用$ scope.activities1信息的任何功能。

<script> 
    angular.module('submitExample', []) 
    .controller('activitiesCtrl', ['$scope', function($scope) { 
     $scope.list = []; 
     $scope.activities1 = 'www.exampleurl.com'; 
     $scope.submit = function() { 
     if ($scope.activities1) { 
      console.log($scope.activities1) 
      $scope.activities = ''; 
     } 
     }; 
    }]); 
</script> 
<form ng-submit="submit()" ng-controller="activitiesCtrl"> 
    Enter url and hit enter: 
    <input type="text" ng-model="activities1" name="url" /> 
    <input type="submit" id="submit" value="Submit" /> 
    <pre>url={{activities1}}</pre> 
</form> 

https://docs.angularjs.org/api/ng/directive/ngSubmit

+0

但這更像是來自文本字段的手動輸入。我打算做的是隱藏文本字段。由於數據是從數據庫中檢索的,因此我會將該值提供給一個變量並調用我的方法來轉換URL以嵌入URL。 –

+0

在這種情況下,'$ scope.activities1 = urlFromDatabase'。如果你想在div中指向你的控制器的頁面上顯示'{{activities1}}'。

Clay