www.webdeveloper.com
Results 1 to 3 of 3

Thread: $timeout not showing strings

  1. #1
    Join Date
    Apr 2017
    Posts
    9

    $timeout not showing strings

    Hello
    By doing lessons in the angularjs, I want to do a function in which by typing letters on input element these are then imprinted on h1 element with a 1 second delay.Unfortunately, I have no results νειτηερ console have errors. What am I doing wrong? How I can solve this?
    Thanks a lot.
    HTML code
    HTML Code:
    <!DOCTYPE html>
    <html lang="en-us" ng-app="myApp">
        <head>
            <title>Introduction to AngularJS</title>
            <meta http-equiv="X-UA-Compatible" content="IE=Edge">
            <meta charset="UTF-8">
    
            <!-- load bootstrap and fontawesome via CDN -->
            <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
            <style>
                html, body
                {
                    font-size: 1.1em;
                }
            </style>
            
            <!-- load angular via CDN -->
            <script src="//code.angularjs.org/1.3.0-rc.1/angular.min.js"></script>
            <script src="//code.angularjs.org/1.3.0-rc.0/angular-messages.js"></script>
            <script src="//code.angularjs.org/1.3.0-rc.0/angular-resource.js"></script>
            
        </head>
        <body>
    
            <header>
    		    <nav class="navbar navbar-default">
    			<div class="container">
    				<div class="navbar-header">
    					<a class="navbar-brand" href="/">AngularJS</a>
    				</div>
    
    				<ul class="nav navbar-nav navbar-right">
    					<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
    				</ul>
    			</div>
    		    </nav>
    		</header>
    
            <div class="container">
    
                <div ng-controller="mainController">
                    
                    <div>
                        <label>What is your twitter handle?</label>
                        <input type="text" ng-model="handle">
                    </div>
                    <hr/>
                    <h1>twiter.com/{{ delayValue(); }}</h1>
                    
                </div>
    
    	</div>
            <script src="app.js"></script>
        </body>
    </html>
    app.js code:
    Code:
    // MODULE
    var myApp = angular.module('myApp', ['ngMessages','ngResource']);
    
    // CONTROLLERS
    myApp.controller('mainController',['$scope','$timeout','$filter', function ($scope,$timeout,$filter) {
          $scope.handle;      
          $scope.delayValue=function (){          
              $timeout(function() {               
                    $scope.handle;
             },1000);
          };
          
    }]);

  2. #2
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,544
    It's been a while since I used angular, but I don't think you can delay *fetching* a value. $timeout doesn't actually return $scope.handle, it returns a *promise* that will eventually resolve to some value. Instead, you'll probably need to delay *setting* the value. The simplest way to do that may be with ng-model-options where debouce is set to 1000. The angular docs talk about it here, and the second code editor example demonstrates the debounce option. Notice that whatever you type into the Name field gets rendered with a 1 second delay.
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  3. #3
    Join Date
    Apr 2017
    Posts
    9
    Thanks a lot.Your answer solved my problem in a much easier way.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.08630 seconds
  • Memory Usage 2,855KB
  • Queries Executed 13 (?)
More Information
Template Usage (34):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)bbcode_html
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (3)memberaction_dropdown
  • (1)navbar
  • (5)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (3)postbit
  • (3)postbit_onlinestatus
  • (3)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates