javascript - Clear dropdown selection when search input is entered -

-

trying create proof of concept using angular right now. have working plunker if choose option dropdown display list of items $http.get( ). have search input well, , when enter text want able make it's own $http.get( ) call , display data in same list list above. having trouble getting work together. want user able either select dropdown or search, not both.

here html:

<html> <head>   <script data-require="angular.js@1.4.0-rc.0" data-semver="1.4.0-rc.0" src="https://code.angularjs.org/1.4.0-rc.0/angular.js"></script>   <link rel="stylesheet" href="style.css" />   <script src="script.js"></script> </head> <body ng-app="myapp" ng-controller="mainctrl">   <h1>hello plunker!</h1>   <div>     <select ng-options="post post.id post in allposts" ng-model="selectpost" ng-change="select()">       <option value="">--select--</option>     </select>     <input type="text" ng-model="searchtext" ng-change="search()" />     <ul>       <li data-ng-repeat="item in records | orderby:'name':reverse">         {{item.email}}       </li>     </ul>   </div> </body> </html>

and javascript:

angular.module('myapp', [])   .controller('mainctrl', function($scope, $http) {     var records;     $scope.selectpost = '';     $scope.searchtext = '';     $http.get('http://jsonplaceholder.typicode.com/posts').success(function(data1) {        $scope.allposts = data1;       $scope.total = $scope.allposts.length;     });      $scope.select = function() {       $scope.searchtext = '';       $scope.search = $scope.selectpost;       // really, url should tell posts       // because not real server, filter here       $http.get('http://jsonplaceholder.typicode.com/comments').success(function(data2) {         $scope.records = [];         data2.foreach(function(r) {           if (r && r.postid && r.postid === $scope.selectpost.id) {             $scope.records.push(r);           }         });       });     };      $scope.search = function() {       //clear select, go here http://jsonplaceholder.typicode.com/comments       //and display/filter emails based on search input     };      });

as can see when search input entered want call search( ) function , clear select input , go ajax call , fill <li> emails match searched.

firstly, line

$scope.search = $scope.selectpost;

overwrites search function remove line.

then, in search function can reset select element, , filter results email instead of id.

http://plnkr.co/edit/bu3s1ans8b0cht29d2j5?p=preview


Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more