angularjs - angular ui router scroll to an anchor/optional parameter -

- 

  url: '/ blog /: id /: slug? ScrollTo',   
 जब scrollTo रिक्त नहीं है, तो मैं स्क्रॉलटॉ वैल्यू पर पृष्ठ स्क्रॉल करना चाहता हूं।  
 मैंने ऐसा करने की कोशिश की:  
  $ scope। $ On ('$ stateChangeSuccess' , फ़ंक्शन (इवेंट, टोस्टेट) {if ($ stateParams.scrollTo) {$ location.hash ($ stateParams.scrollTo); $ एंकर स्क्रॉल ();}});  My-domain? ScrollTo = 53561c675541f30612ee222c # 53561c675541f30612ee222c  
 तो इसके साथ क्या गलत है?  
 ^^  
 UPDATE  
  html   <पूर्व>  & lt; body data-ng-controller = "MainCtrl" & gt; & Lt; div id = "content" डेटा-एनजी-नियंत्रक = "दृश्यकूट" वर्ग = "यूआई-व्यू-कंटेनर" & gt; & Lt; ul class = "nav navbar-nav navbar-right" & gt; & Lt; li डेटा-एनबी-संकेतों = "" सिग्नल = "सिग्नल" लेबल = "मैप लेबल्स" मार्ग = "नक्शा मार्ग" वर्ग = "ड्रॉपडाउन संकेत" & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; div डेटा-यू-दृश्य आटोसक्रोल = "सच" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt;   
  जेएस   
  .controller ('MainCtrl', फ़ंक्शन ($ दायरा, स्थानीय स्टोरेज सेवा, सॉकेट) {/ * सिग्नल सॉकेट .o * / $ scope.signals = []; $ scope.num = 0; सॉकेट.ऑन ('जोड़ा गया पोस्ट', फ़ंक्शन (डेटा) {$ scope.signals.push (डेटा); $ scope.num = $ scope सिग्नल। लैंग;}); सॉकेट.ऑन ('अनुमोदित टिप्पणी', फ़ंक्शन (डेटा) {यदि (स्थानीय स्टॉरेज एसरिवेट.गेट ('कमेंट_आईडी _' + डेटा पोस्ट_आईडी)) {स्थानीय स्टॉरेजसेवायर। ('कमेंट_आईडी_' + डेटा पोस्ट_आईडी); स्थानीय स्टोरेजसेवा .add ('comment_id_reply _' + data.post_id, data.id); $ scope.signals.push (डेटा); $ scope.num = $ scope.signals.length;}}); सॉकेट.ऑन ('उत्तर टिप्पणी', फ़ंक्शन (डेटा) {if (localStorageService.get ('comment_id_reply _' + data.post_id)) {$ scope.signals.push (डेटा); $ scope.num = $ scope.signals.length;}}); $ दायरा MapLabels = {added_post: 'Nuovo articolo', स्वीकृत_ टिप्पणी: 'टिप्पणी करें अनुमोदन', उत्तर दिया गया: टिप्पणी: 'प्रतिकृति टिप्पणी'}; $ scope.mapRoutes = {जोड़ा गया_पस्त: 'ब्लॉग_विवरण ({id: signal.id, slug: signal.slug}) ', स्वीकृत_आकार:' blog_detail s ({id: signal.post_id, slug: signal.post_slug, scrollTo: signal.id}) ', उत्तर-टिप्पणी:' blog_details ({id: signal.post_id, slug: signal.post_slug, scrollTo: signal.id}) ' }; / * $ scope.signals.push ({_ आईडी: '534f9ccb520daa8c167b3431', स्लग: 'सेटिंग-अप-ईमेल-के-मेरे-डोमेन', 'लेबल': 'जोड़े गए_पॉस्ट', शीर्षक: 'आह सीजे बे'}); $ scope.signals.push ({_ आईडी: '534f9ccb520daa8c167b3431', स्लग: 'सेटिंग-अप-ईमेल-के-मेरे-डोमेन', 'लेबल': 'स्वीकृत_कॉममेंट', शीर्षक: 'आह सीजे बे'}); $ scope.signals.push ({_ id: '534f9ccb520daa8c167b3431', स्लग: 'सेटिंग-अप-ईमेल-के-मेरे-डोमेन', 'लेबल': 'उत्तर-टिप्पणी', शीर्षक: 'आह सीजे बेल'}) * * / }) .config (फ़ंक्शन (PREFIX_LOCAL_STORAGE, $ locationProvider, $ urlRouterProvider, localStorageServiceProvider, $ uiViewScrollProvider) {$ urlRouterProvider.otherwise ('/'); $ locationProvider.html5Mode (सत्य) .hashPrefix ('!'); LocalStorageServiceProvider.setPrefix प्राइफिक्स _एलओसीएएलआरएजीआरएजीआर); $ uiViewScrollProvider.useAnchorScroll ();})। डायरेक्टिव ('nbSignals', फ़ंक्शन ($ location, $ stateParams, $ anchorScroll) {return {restrict: 'A', scope: {संकेतों: '=', mapLabels: '= लेबल', नक्शा मार्गः '= मार्ग'}, टेम्पलेट: '& lt; डेटा-टॉगल = "ड्रॉपडाउन" href = "#" & gt;' + '& lt; i वर्ग = "ग्लिफ़िकॉन ग्लाइफिकॉन-इनबॉक्स" & gt; & lt ; / i & gt; & lt; span class = "badge" data-ng-bind = "signals.length" & gt; & lt; / span & gt; '+' & lt; b वर्ग = "कैरेट" & gt; & lt; / b & gt; '+ '& lt; / a & gt;' + '& lt; ul class = "ड्रॉपडाउन-मेनू" & gt;' + '& lt; li डेटा-एनजी-दोहराने = "संकेतों में संकेत" & gt;' + '& lt; एक डेटा-यू- Sref = "{{maproutes [signal.label]}}" डेटा-एनजी-सीएल ick = "markAsRead ($ index)" शीर्षक = "{{signal.label}}" & gt; {{mapLabels [signal.label]}} & lt; / a & gt; '+' & lt; / li & gt; '+' & lt; / ul & gt; ', नियंत्रक: फ़ंक्शन ($ गुंजाइश, $ तत्व) $ $ (' $ stateChangeSuccess ', फ़ंक्शन (ईवेंट, toState) {if ($ stateParams.scrollTo) {$ location.hash ($ stateParams scrollTo); $ AnchorScroll (); }}); $ Scope.markAsRead = फ़ंक्शन (इंडेक्स) {$ scope.signals.splice (सूचकांक, 1); }; $ दायरा। $ Watch ('संकेत', फ़ंक्शन (संकेत) {$ element.css ('दृश्यता', फ़ंक्शन (i, दृश्यता) {वापसी ($ scope.signals.length & gt; 0)? 'दृश्यमान': 'छिपा हुआ '; }); },सच); }}; });   
 तो आप एक विचार हो सकता है ....   
 
 
 कोणीय डॉलर एंकर स्कार्लप्राइवर दस्तावेज़ .getElementById (हैश) का प्रयोग कर रहा है, तो तत्व को स्क्रॉल इनटोव्यू () को कॉल करने पर ढूंढने के लिए उपयोग किया जा रहा है, लेकिन यह एसिंक लोड के कारण विफल हो रहा है। यह एक संभावित सुधार हो सकता है:

Comments

Post a Comment

Popular posts from this blog

c# - The item with identity 'Id' already exists in the metadata collection. Parameter name: item -

-
मेरी सभी संस्थाओं का आधार वर्ग है: सार्वजनिक वर्ग इकाई & lt; TKey & gt; : आईएरिटीटी & lt; टीके & gt; {गतिशील आईईआरटीईटी.आईडी {प्राप्त करें} इस आईआईडी; } सेट {this.Id = मान; }} सार्वजनिक TKey Id {get; सेट; }} उदाहरण के लिए स्थिति इकाई: [मेटाडाटा टाइप (टाइपफ (स्टेटसमैटडेटा))] सार्वजनिक आंशिक श्रेणी की स्थिति: इकाई & lt; बाइट & gt; {सार्वजनिक स्ट्रिंग शीर्षक {प्राप्त करें; सेट; }} जब मैं डेटाबेस के विरुद्ध क्वेरी चलाऊँगा तो मुझे निम्न त्रुटि मिलती है: "पहचान 'आईडी वाला आइटम पहले से ही मेटाडेटा संग्रह में मौजूद है। पैरामीटर का नाम: आइटम" क्या यह तय करने का कोई तरीका है या यह किसी वारसा के कारण हुई समस्या है और मैं किसी भी वर्ग से अपनी संस्थाओं का वारिस नहीं कर सकता हूं? यह एक सामान्य त्रुटि है, कुछ जानकारी के लिए खोज करते हुए, मैंने देखा कि: दो तालिकाओं को एक प्राथमिक कुंजी के लिए एक ही नाम हो सकता है लाइटस्विच टेबल्स को देखो, उन सभी को एक प्राथमिक कुंजी है जिन्हें आईडी कहा जाता है। इसलिए, मैं सभी संस्थाओं की समीक्षा करता ह...
Read more

sql - PostgreSQL automatically update row at specific date -

-
Once I update one line, I want to reach the specific timestamp in that line. For example, there are deals in an auction site which ends in one day. After that time the deal ends automatically. Is there a feature in PostGrace SQL, where I can set a line to automatically update when it reaches a specific time period? Otherwise how do I apply this example bargain feature? One view can work for it Suppose a table T Create table T (deal_ID integer, deal_time timestamp, end time interval); Enter T (deal_id, deal_start, expiry_time) values ​​(1, now (), '1 day'); If this deal is over, then a view will be Caletrack Select View vs. *, now ()> At the end of T, deal_start + expiry_time; Choose from V * Deal_id Deal_start | Expiry_time | Ended --------- + ---------------------------- + -------- - --- + --------- 1 | 2014-04-22 13: 26: 32.319394 | 1 day | F
Read more

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -

-
Image
I'm only using annotation configuration, the server starts, but when I use some pages error is displayed: Warning: no mapping found for HTTP request with URI [/WEB-INF/view/main.jsp] name 'org.springframework.web.servlet.DispatcherServlet -D7259e with DispatcherServlet in Controller mapping works fine, but no JSP page is full. I am using Jetty 9.2.0.M0 and Spring MVC 4.0.4 release. JetTyP Config: Private Static Last String CONTEXT_PATH = "/"; Private Static Last String MAPPING_URL = "/ *"; Private Zero Server (Int port) throws exceptions {server server = new server (port); Server.addLifeCycleListener (New LifeCycleListener ()); Server.setHandler (getServletContextHandler (getContext ())); Server.start (); Server.join (); } Private static ServletContextHandler getServletContextHandler (WebApplicationContext context) throws IOException {LOGGER.info ( "ServletContextHandler is ready"); CircleContaxHandler themeHandler = new circactont...
Read more