2017-02-13 6 views
0

テキストフィールドからデータを取得しようとしています。テキストフィールドはデータベースの内容にリンクされているので、実際の値ではなく常に{{activities.Url}}の値を返します。変数に値を格納してから関数を呼び出すと、実際のURLではなく{{activities.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

関連する問題