2017-02-13 5 views
0

Ich versuche, Daten aus meinem Textfeld zu bekommen. Da das Textfeld mit dem Inhalt meiner Datenbank verknüpft ist, gibt es immer den Wert von {{activities.Url}} anstelle des tatsächlichen Werts zurück. Während ich versuche, den Wert in einer Variablen zu speichern und dann eine Funktion aufzurufen, funktioniert meine Funktion nicht, da die Werte immer {{activities.url}} anstelle der tatsächlichen URL sind. Kann ich den tatsächlichen Wert bekommen?Wert aus dem Textfeld herausholen

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

Warum gerade nicht 'ng-Modell '? Benötigen Sie den Wert außerhalb Ihres 'ng-Controllers'? – Jhorra

+0

Nein, tue ich nicht. Ich habe verschiedene Möglichkeiten ausprobiert, um Daten aus dem Wert herauszuholen. So habe ich versucht, verschiedene Dinge hinzuzufügen und zu sehen, ob ich den tatsächlichen Wert anstelle der {{activities1.url}} erhalten kann. –

Antwort

1

dieses Geben Sie ein Schuss. Sie benötigen $ scope im Controller, um dynamisch darauf zugreifen zu können. Das Konsolenprotokoll in der if-Anweisung kann durch die Funktionalität ersetzt werden, die Sie für die $ scope.activities1-Informationen verwenden möchten.

<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

Aber das ist mehr wie eine manuelle Eingabe aus einem Textfeld. Was ich vorhatte, war, das Textfeld unsichtbar zu machen. Wenn die Daten aus der Datenbank abgerufen werden, erhalte ich den Wert für eine Variable und rufe meine Methode auf, URLs in eingebettete URLs umzuwandeln. –

+0

In diesem Fall $ scope.activities1 = urlFromDatabase. Wenn Sie es nur auf der Seite wrap '{{activities1}}' innerhalb eines div anzeigen möchten, die auf Ihren Controller zeigt.

Clay

Verwandte Themen