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

ruby on rails - How to avoid ActionController::InvalidCrossOriginRequest exception? -

-
मैंने Rails 4.1 को अपने रेल ऐप को अपडेट किया है और ActionController :: InvalidCrossOriginRequest अपवाद प्राप्त करना शुरू कर दिया है। मुझे पाया गया कि बिंग बॉट्स सक्रिय रूप से मेरी गतिशील रूप से जेनरेट की गई जावास्क्रिप्ट फाइल को क्रॉल करते हैं। मुझे लगता है कि यह सही है कि रेलवे इस अपवाद को उठाती है क्योंकि जावास्क्रिप्ट को सीधे कहा जाता है, लेकिन मेरा लॉग इस अपवाद के साथ भरा हुआ है। > सीएसआरएफ संरक्षण को बंद किए बिना इस अपवाद को बढ़ाने से बॉट्स से बचने का कोई तरीका क्या है? मेरा नियंत्रक ऐसा दिखता है। वर्ग सूचियाँ नियंत्रक & lt; ApplicationController before_filter: authenticate_user! Def add @list = List.find (params [: आईडी]) response_to do | format | Format.js {render 'add'} format.html {redirect_to list_path (@list)} एंड एंड एंड जेएच के उत्तर में जोड़ने के लिए और मानते हुए कि आपको कुछ सहायता चाहिए, आपको पता होना चाहिए कि हर मेजबान यह निर्धारित करने के लिए उपयोग करता है कि उनके सर्वर का कौन (और नहीं) पहुंच सकता है सीधे आपकी त्रुटि मूल रूप से है क...
Read more

Selenium IDE Conditional Statements -

-
I want to ask if there is another way to see the error label, which has been shown whether we There is no need to fill up with the necessary to use the verifyText command. Here's an example: id: [required] PW: [required] Email: [expected] Dropdown box: [required] If you make test cases, then there is an easy way to make a test case first, and then three error labels will show whether the other fields will not be filled with that. The PW or email from the dropdown box will be shown even if the error is filled with the error label. Before saving that field, I'm just using the verified text, but if there are many conditional requirements like this there is no easy and easy way to create this testcase? Thx If I understand you correctly, If you ignore the required text fields, you are searching for a way to verify that error message. Since I know the Waitfortext command and expect the error message to appear, this command will wait until it expects the err...
Read more

How to edit the second line in text file using batch? -

-
Do you have any idea of ​​editing the second line of a text file in a batch? I need this for my login system for batch. I am the second in the file named Data.db Edit the line, as you can not say Your system estimates that it may be in favor of Windows or Unix-Linux, I think the simple "Ed" does the trick. It is included in any Unix-Linux and it is ported to Windows. Direct link for ed.
Read more